@charset "UTF-8";
#schdulWrap{position:relative;min-height: 1250px;}
/* 검색*/
#schdulWrap .search{text-align:center; padding:20px;font-size:20px;}
#schdulWrap .search span{margin:9px 30px 0 30px;font-size: 28px;font-weight: 500;color: #333;}
#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 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: 10px;}
#schdulWrap .search a.next{background-position:right top;padding-bottom: 10px;}
#schdulWrap .search input.day-text{width:auto; text-align:center;padding-bottom: 10px;}

.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;font-size: 18px;font-family: 'NanumSquare';}
.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;overflow-y: scroll;max-height: 860px;}
.reservation .close{position:absolute;right:-6px;top: -58px;background:url(../images/close.png)no-repeat;text-indent:-99999px;width:45px;height:45px;}

/*table달력*/
.monthTable{border-top:2px solid #000;}
.monthTable table{width:calc(100% - 2px)}
.monthTable table th,
.monthTable table td{padding:8px;}
.monthTable table thead th{border:none;font-weight:500;font-size: 16px;padding: 15px 0;line-height: 17px;background: #f2f2f2;color: #333;font-weight: 600;letter-spacing: -1px;border-top: 2px solid #333;}
.monthTable table tbody th{border:none;font-weight:500;font-size: 17px;background-color:#f8f8f8;border:1px solid #ddd;line-height: 16px;}
.monthTable table th.sun{color:#e57171;}
.monthTable table th.sat{color:#438feb;}
.monthTable table td{text-align:left;vertical-align:top;height:70px;font-size: 15px;border:1px solid #ddd;position: relative;}
.monthTable table td a{display: block;position: absolute;left:0;top:0;width:100%;height:100%;}
.monthTable table td.sun a,
.monthTable table td.sun ul li{color:#e57171;}
.monthTable table td.sat a,
.monthTable table td.sat ul li{color:#438feb;}
.monthTable table td.today{border:2px solid #0055bc; background-color:#f1f7ff}
.monthTable table td.today ul{padding:5px;text-align: left;}
.monthTable table td.sun{color: #e57171;}
.monthTable table td.sat{color: #438feb;}

.monthTable table.dayTable td{height:30px;}

.slist > li > a{}

/*색상변경*/
.monthStep{display:inline-block;}
.monthStep ul li{display:inline-block;margin-right:10px;font-size: 15px;}
.monthStep ul li + li:before{content:'/'; display:inline-block; margin-right:13px; font-size:.8em; color:#999;}
.monthStep ul li span{}

.tablehead{margin:20px 0;}
.tablehead .choice{float:right; margin-top:-8px;}
.tablehead .choice select{line-height: 45px;height: 45px;padding-left:5px;color: #000;min-width: 200px;border: 1px solid #999;}

.stepColor{width:10px; height:10px; display:inline-block; margin-right:5px; margin-top:-3px; border-radius:10px;}
.stepColor.step01{background-color:#0052b7;}
.stepColor.step02{background-color:#56af2d;}
.stepColor.step03{background-color:#ed6712;}
.stepColor.step04{background-color:#bfbfbf;}

.monthTable li{font-size: 13px;line-height: 1.4;word-break: keep-all;color: #777;}
.monthTable li + li{margin-top: 7px;}
.monthTable li a{position:relative;line-height:1.2;padding-left:10px;display:block;color:#555;padding-left:13px;font-size: 14px;font-family: 'NotoLight';}
.monthTable li a:before{content:''; width:7px; height:7px; display:block; position:absolute; left:0; top:5px; border-radius:10px;}
.monthTable li a.listSetp01:before{background-color:#0052b7;}
.monthTable li a.listSetp02:before{background-color:#56af2d;}
.monthTable li a.listSetp03:before{background-color:#ed6712;}
.monthTable li a.listSetp04:before{background-color:#bfbfbf;}
.monthTable li a span{display:block;font-weight:300;line-height: 16px;font-size: 14px;font-family: 'NotoLight';}


/*spopup01*/
#schdulWrap .stabMenu h3{font-size: 18px;padding: 15px 0;border-bottom: 3px solid #353e4d;color: #000;text-align:left;font-weight: 500;letter-spacing: -1.5px;line-height: 1.4;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;position: relative;top: 3px;}
#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 .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;border-top: 2px solid #ccc;}
#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;}
#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;}

.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: 160px;background: #f5f5f5;padding: 15px 30px 15px 20px;display: table-cell;text-align: left;box-sizing: border-box;}
#spopup03 .artclItem .artclInsert{display: table-cell;padding: 10px;vertical-align: middle;width: calc(100% - 150px);}
#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%;font-size: 15px;}
#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: 12px 20px;border-radius:3px;margin-bottom: 0;}
#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;}

/*spopup04*/
#spopup04 .gallerySlider{margin-top:20px;display:inline-block;float:left; width:45%;}
#spopup04 .slickThum li{display:inline-block; height: 310px; overflow: hidden; margin-bottom: 20px;}
#spopup04 .slickThum {position: relative;width:73%;padding:0 25px; margin: 0 auto;}
#spopup04 .slickThum .slick-slide{margin:0 10px;width:90px;height:60px;}
#spopup04 .slickThum img{max-width: 100%;}
#spopup04 .slick-slide img{max-width: 100%;}
#spopup04 .slick-list{overflow:hidden;}
#spopup04 .slick-track{display:inline-block;}
#spopup04 .slickGallery{text-align:center;margin:0 auto; width:360px;}
#spopup04 .slickGallery li{display:block; float:left;}
#spopup04 .slickGallery img{border:1px solid #ddd;max-width: 100%;}

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

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


/*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 .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;width: 100%;}
  #spopup03 ._full{width:100%;}
  #spopup03 .floatL{margin-bottom:20px;width:75%;}
  #spopup03 .artclItem{min-width:40px;overflow-x: scroll;}

  #spopup04 .gallerySlider{width:100%;display:block;}
  #spopup04 .tableWrap{width:100%;}
  #spopup04 .tableWrap_cl{float:none;width:100%;}
}

@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%;}
  #spopup04 .reserveInfo .tableWrap table{border-top:none;min-width:inherit;}
  #spopup04 .reserveInfo .tableWrap tbody th{width:200%;display: block;}
  #spopup04 .reserveInfo .tableWrap tbody td{display: block;width: 200%;}
}

._messageOverlay ._obj ._msgWrap{padding:100px 0;}
._messageOverlay ._msgWrap ._inner{position:initial !important;text-align:center;}


/**공통예약시스템**/
#_JW_booking_Basic{display:flex;justify-content: flex-start;flex-wrap:wrap;}
#_JW_booking_Basic .listWrap{font-size:0; width: 100%}
#_JW_booking_Basic .listWrap > div.list{display:inline-block;width:calc(100% / 2 - 5px);min-height:215px;border: 1px solid #ccc;box-sizing: border-box;position: relative;padding: 15px 10px 60px 200px;margin-bottom: 10px;}
#_JW_booking_Basic .listWrap > div.list:nth-child(even){margin-left:10px;}
#_JW_booking_Basic .listWrap > div.list > p{font-size:14px;color:#2e2e2e;line-height:1.4;}
#_JW_booking_Basic .listWrap > div.list > p > span{font-size:14px;position:relative;display:inline-block;color: #959595;font-weight: 600;letter-spacing:-0.5px;padding-left:8px;}
#_JW_booking_Basic .listWrap > div.list > p > span:before{content:'';width:3px;height:3px;background:#ccc;position:absolute;left:0;top:8px;border-radius:50%;}
#_JW_booking_Basic .listWrap > div.list > p + p{margin-top:4px;}
#_JW_booking_Basic .listWrap > div.list input[type="submit"]{background:#1e4da4;color:#fff;font-size:16px;padding:7px 20px;position:absolute;right:15px;bottom:15px;border-radius:5px;}
#_JW_booking_Basic .thumWrap{width:180px;height:215px;overflow:hidden;position: absolute;left: 0;top: 0;}
#_JW_booking_Basic .thumWrap img{width:100%;min-height:215px;}
#_JW_booking_Basic .listWrap > div.list .list-title01{display:block;font-size:24px;line-height:1.4;margin-bottom:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#_JW_booking_Basic .listWrap > div.list .list-title02{display:block;font-weight:normal;font-size:14px;line-height:1.4;color:#666;word-break:keep-all;height:40px;overflow:hidden;margin-bottom:10px;}
#_JW_booking_Basic .listWrap > div.list .list01,
#_JW_booking_Basic .listWrap > div.list .list02{height:21px;overflow:hidden;}

@media only screen and (max-width:767px){
#_JW_booking_Basic .listWrap > div.list{display:block;width:100%;padding:10px 10px 10px 190px;}
#_JW_booking_Basic .listWrap > div.list:nth-child(even){margin-left:0;}
#_JW_booking_Basic .listWrap > div.list .thumWrap{padding:0;}
}

@media only screen and (max-width:520px){
#_JW_booking_Basic .listWrap > div.list{height:auto;padding:10px;box-sizing:border-box;padding-bottom:55px;}
#_JW_booking_Basic .listWrap > div.list > p{box-sizing:border-box;}
#_JW_booking_Basic .listWrap > div.list .thumWrap{width:100%;position:relative;margin-bottom:20px;}
}

#registForm input[type="checkbox"] + label{font-size:15px;margin:10px 5px;display:inline-block;vertical-align:middle;}


/***** Table *****/
.tableWrap{}
.tableWrap table {border-top: 2px solid #353e4d;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px;}
.tableWrap table caption{display:none;}
.tableWrap table th {background-color: #f8f8f8;color:#333;font-weight: 600;border-bottom: 1px solid #ddd;padding: 20px 5px;font-size: 15px;}
.tableWrap table td {border-bottom: 1px solid #dcdcdc;padding: 20px 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;vertical-align: m;}
.tableWrap table td.alignL{text-align:left;}
.tableWrap table td a{display: block;color:#333;background:#2196F3;color:#fff;padding:3px 10px;border-radius:50px;transition: all ease .3s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 35px;margin: 0 auto;}
.tableWrap table td a img{vertical-align: middle;}
.tableWrap .boardTitle{color:#003d7e;font-size:14px;font-weight:600;} 
.tableWrap th,
.tableWrap td{border-right:#dddee0;border-left:#dddee0;}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
    font-family: 'BMJUA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**{word-break: keep-all; margin: 0; padding: 0; letter-spacing:0px;}*/
/*body{margin:0; padding:0; color:#333; font-family: 'Noto Sans KR', '나눔고딕', 'Nanum Gothic','NanumGothic', '맑은 고딕', '돋움'; }*/
ul{list-style:none;}
a, a:active, a:visited, a:focus, a:hover{color: inherit; text-decoration:none;}
.clear{clear: both}
button{border: none; background: none; cursor: pointer}
button::after{border: none; background: none;}
 

.top_header{background-color: #02366e; height: 55px; color: #fff; text-align: center; padding-top: 10px;}
.top_header a{color: #fff; background-image: url(/Web-home/fnct/booking/JW_booking_Basic/images/w-logo.png); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 53px; font-size: 22px; padding-top: 3px; padding-bottom: 5px;}

.main-section{padding-top: 20px; padding-bottom: 20px; word-break: keep-all; margin: 0 auto; margin: 0 auto; border: 1px solid #fff; width: 98%; max-width: 1200px; padding: 30px; background-color: rgba(255, 255, 255, 0.7); border-radius: 20px;}   


.txt_box01{margin: 30px 0 15px 0; border-top: 1px #aaa dotted; border-bottom: 1px #aaa dotted; background-color: #eee; color: #666; font-size:0.8rem; text-align: center; padding: 5px 10px;}

/*공통테이블*/
.table_box{width: 100%; margin-bottom: 30px; padding: 0px;}
.table_box table{border: 0; width: 100%; border-collapse: collapse;}


/*3칸 테이블*/
.table_box2{width: 100%; margin-bottom: 30px; margin-top: 30px; padding: 0px;}
.table_box2 table{border: 0; width: 100%; border-collapse: collapse;}

.table_box2 table{border-top: 2px #424656 solid !important; border-bottom:1px #ccc solid;}
.table_box2 table th{padding: 5px; background-color: #efefef; color: #000; font-weight: 500; }
.line-gray{border-bottom: 1px #ddd solid !important;}
.table_box2 table td{padding: 5px; text-align: center; border-top:1px #ccc solid; border-bottom: none !important;} 

.footer{background-color: #1a252f;padding-top: 1rem;padding-bottom: 1rem;color: #ddd;text-align: center;}


.monthTable.reserveTable table {border-bottom:2px solid #333;}
.monthTable.reserveTable table tbody td{text-align:center;height:auto;}
.monthTable.reserveTable table td a{position:relative;}
.monthTable.reserveTable table td.align-l{text-align:left;}

.not-okay{color: #00548f; font-weight: bold}