@charset "UTF-8";

*{margin:0 0;font-family: 'Noto Sans KR';}
*:focus{outline:none;}
body{margin:0 0;-webkit-text-size-adjust:100%}
ul, li{margin:0 0;list-style:none;padding: 0 0;}
em{font-style: normal;}
textarea{overflow: auto;resize: none;padding: 5px 5px;}
a{text-decoration: none;}
a:link { color: black; text-decoration: none;}
a:visited { color: black; text-decoration: none;}
a:hover { color: #003a8f; text-decoration: none;}
table{list-style: none;border-collapse: collapse;}
select{border-radius: 0;border: 1px solid #c7c7c7;color: #4e4e4e;padding: 4px;padding: 3px 10px;border-radius: 0px;height: 31px;}
input[type='text'].date{border: 1px solid #c7c7c7;border-radius: 0px;height: 31px;background: url("/reservation/img/icon_cal2.png") no-repeat 95% 50%;background-size: 19px auto;padding: 5px 10px;cursor:pointer;width: 207px;font-size: 15px;color: #4e4e4e;}

.inputText{border: 1px solid #c7c7c7;border-radius: 0px;height: 31px;padding: 5px 10px;cursor: auto;width: 207px;font-size: 15px;color: #4e4e4e;}
.menuTopTitle{text-align: center;font-size: 40px;color: #fff;font-weight: 700;height: 65px;position: relative;top:50%;text-shadow: 1px 1px 3px #4e4e4e;}
.menuTopTitle:before{background: #003a8f;content: '';width: 46px;height: 5px;position: relative;bottom: -60px;border-radius: 7px;display: block;margin: 0 auto;text-align: center;}

.menuWrap{width: 100%;height:66px;position: fixed;z-index: 9999;border-bottom: 1px solid #cbcbcb80;box-shadow: 0px -2px 4px #ffffffcf; background-color: #fff;}
.menuWrap .logo{display: inline-block;margin: 10px 10px;position: relative;float: left;}
.menuWrap .logo .logImg{width: 213px;}
.menuWrap .menu{display:none;}
.menuWrap .mainMenu{display:inline-block;}
.menuWrap li{list-style: none;display: inline-block;line-height: 66px;height: 100%;margin: 0 -3px;position: relative;}
.menuWrap li a{cursor: pointer;position: relative;text-align: center;font-weight: bold;padding: 23px 46px 17px 46px;z-index: 99;width: 155px;font-size: 19px;color: #4a4a4a;letter-spacing: -1px;}
.menuWrap .changeDiv{float: right;display: inline-block;position: relative;margin: 16px 10px;}
.menuWrap .changeDiv .changeBtn{border: 1px solid #ff7979;background: #ff7979;color: #fff;padding: 5px 20px;border-radius: 2px;font-size: 15px;font-weight: 500;cursor:pointer;}

.menuWrap.on{background:#fff;}
.menuWrap.on .logo{display: inline-block;margin: 10px 10px;position: relative;float: left;}
/* .menuWrap.on .logo .logImg{width: 190px;} */
.menuWrap.on li a{color:#4a4a4a;}

.mainWrap .mainPoto{background:#fff;background : url("/reservation/img/foot.jpg") no-repeat 62% 86%;height: 665px;object-fit: cover;opacity: 0.9;width: 100%;background-size: cover;}
/* .mainWrap .mainImg{background-image: url("/reservation/img/foot.jpg"); width: 100%;height: 665px;object-fit: cover;opacity: 0.9;} */
.mainWrap .reservationWrap{background:#1a1a1a;width:100%;height:97px;background:#003a8f;position: relative;}
.mainWrap .reservationWrap .inputBox{margin: 0px auto;width: 984px;color: #383838;}
.mainWrap .reservationWrap .inputBox .title{padding: 5px 0 0px 0;font-size: 17px;color: #fff;font-weight: 400;}
.mainWrap .reservationWrap .inputBox .title em{font-size: 16px;color: #f00;font-weight: 300;}
.mainWrap .reservationWrap .inputBox .inputWrap{background:#fff;width:100%;height:48px;margin: 0px auto;position: relative;top: 6px;border-radius: 35px;}
.mainWrap .reservationWrap .inputBox .inputWrap div{display:inline-block;border-right: 1px solid #d3d3d3;padding: 12px 38px 12px 40px;float: left;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserTxt{font-size: 16px;background: #ebebeb;letter-spacing: 5px;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserTxt.first{border-bottom-left-radius: 22px;border-top-left-radius: 22px;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserSearch{padding: 9px 20px 8px 20px;position: relative;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserSearch.last{border-right:none;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserSearch .time{width: 146px;font-size:15px;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserBtn{border-right:none;padding: 0 0;position: relative;float: right;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserBtn .searchBtn{border: none;background: #ff7d7d;padding: 12px 47px 12px 47px;font-size: 16px;border-bottom-right-radius: 22px;border-top-right-radius: 22px;cursor: pointer;color: #fff;letter-spacing: 6px;}
.mainWrap .reservationWrap .inputBox .inputWrap div.reserBtn .searchBtn:hover{background: #ed6b6b;}

.mainWrap .infoWrap{position: relative;}
.mainWrap .infoWrap .menuTitle{text-align: left;margin: 0 0 -22px 0;font-size: 21px;color: #333;font-weight: 700;height: 42px;position: relative;letter-spacing: -1px;}
.mainWrap .infoWrap .menuTitle:before{background: #003a8f;content: '';width: 40px;height: 3px;position: absolute;bottom: 8px;border-radius: 5px;}

.mainWrap .infoWrap .topWrap{position: relative;padding: 70px 10px 70px 10px;background: #fbfbfb;min-height: 200px;}
.mainWrap .infoWrap .topWrap .imgWrap{position: relative;width: 984px;margin: 0 auto;text-align: center;}
.mainWrap .infoWrap .topWrap .imgWrap .more{display: block;font-size: 12px;text-align: right;margin: 0 0 7px 0;color: #646464;}
.mainWrap .infoWrap .topWrap .imgWrap .more a{position: relative;color:#646464;}
.mainWrap .infoWrap .topWrap .imgWrap .more a:hover{color: #424242;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList{height: 258px;width: 29%;margin: 0px 13px;cursor:pointer;display: inline-block;padding: 10px 10px;position: relative;border: 1px solid #ddd;background: #fff;box-shadow: 1px 1px 3px #efefef;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList.first{margin: 0 11px 0 11px;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList:last-child{margin: 0 0 0 13px;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList .img{object-fit: cover;height: 200px;margin: 0 0 8px 0;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList .title{text-align: left;font-size: 15px;color: #202020;font-weight: 500;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList .contents{text-align: left;font-size: 13px;margin: 4px 0 0 0;color: #7a7a7a;font-weight: 400;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.mainWrap .infoWrap .topWrap .imgWrap .imgList .date{font-size: 12px;text-align: left;color: #898989;position: absolute;bottom: 9px;}

.mainWrap .infoWrap .bottomWrap{position: relative;padding: 55px 10px 50px 10px;min-height: 300px;}
.mainWrap .infoWrap .bottomWrap .listWrap{position: relative;width: 984px;margin: 0 auto;text-align: center;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap{position: relative;float: left;width: 33%;}
.mainWrap .infoWrap .bottomWrap .listWrap .menuTitle{margin:0 0;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList{text-align:left;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList li{border: 1px solid #ddd;height: 60px;margin: 5px 10px 0 0;position: relative;color: #242424;background: #fff;box-shadow: 1px 1px 3px #efefef;border-radius: 2px;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList li > ul{display: inline-block;background: #003a8f;border: 1px solid #003a8f;position: absolute;padding: 12px 15px;color:#fff;line-height: 18px;font-size: 16px;margin: -1px 0 0 -1px;font-weight: 400;border-bottom-left-radius: 2px;border-top-left-radius: 2px;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList li > ul.one{background: #2f84ff;border: 1px solid #2f84ff;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList li > ul.two{background: #155ec9;border: 1px solid #155ec9;}
.mainWrap .infoWrap .bottomWrap .listWrap .leftWrap .telList li > span{position: relative;display: block;margin: 5px 0px 0 68px;font-size: 15px;}

.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap{margin: 0 0 0 20px;position: relative;float: left;width: calc(67% - 20px);text-align:left;}
.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap .noticeList{position: relative;width: 100%;}
.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap .noticeList li{padding:11px 15px 11px 34px;border:1px solid #ddd;color: #242424;margin:4px 0 0 0;position: relative;border-radius: 2px;box-shadow: 1px 1px 3px #efefef;font-size: 15px;cursor: pointer;}
.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap .noticeList li .title{white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;width: calc(100% - 75px);}
.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap .noticeList li .date{float:right;font-size: 13px;color: #646464;position: relative;top: -20px;}
.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap .noticeList li .red{float:left;width: 24px;background: #ff7d7d;height: 46px;position: absolute;top: -1px;left: -1px;border-bottom-left-radius: 2px;border-top-left-radius: 2px;}
.mainWrap .infoWrap .bottomWrap .listWrap .rightWrap .noticeList li .blue{float:left;width: 24px;background: #7dbdff;height: 46px;position: absolute;top: -1px;left: -1px;border-bottom-left-radius: 2px;border-top-left-radius: 2px;}

/* 소개 */
.introduceWrap .topImg{background:url("/reservation/img/foot.jpg") no-repeat 50% 81%;height: 425px;object-fit: cover;opacity: 0.9;width: 100%;background-size: cover;}
.introduceWrap .writeWrap{max-width:984px;position: relative;margin: 60px auto;padding: 0 10px;color: #222;}
.introduceWrap .writeWrap .topWrap{margin: 40px 0;position: relative;}
.introduceWrap .writeWrap .topWrap .leftWrap{width: 45%;float: left;position: relative;height: 280px;background:url("/reservation/img/bg_succer.jpg") no-repeat 50% 38%;object-fit: cover;background-size: cover;margin: 0 0 20px 0;}
.introduceWrap .writeWrap .topWrap .rightWrap{float: right;width: calc(55% - 33px);line-height: 54px;}
.introduceWrap .writeWrap .topWrap .rightWrap h3{font-size: 31px;margin: 0 0 10px 0;color: #003a8f;}
.introduceWrap .writeWrap .topWrap .rightWrap p{line-height: 30px;font-size:16px;}

.introduceWrap .writeWrap .bottomWrap{clear: both;position: relative;}
.introduceWrap .writeWrap .bottomWrap h4{color: #003a8f;font-size: 18px;font-weight: 700;margin: 10px 0;}
.introduceWrap .writeWrap .bottomWrap .payWrap .noticePayTbl{width: 100%;}
.introduceWrap .writeWrap .bottomWrap .payWrap .noticePayTbl th{height: 40px;background: #fcff4b;font-size: 16px;border: 1px solid #333;}
.introduceWrap .writeWrap .bottomWrap .payWrap .noticePayTbl td{height: 40px;font-size: 15px;text-align: center;border: 1px solid #333;}
.introduceWrap .writeWrap .bottomWrap .mapWrap .table{margin: 20px 0 0 0;}
.introduceWrap .writeWrap .bottomWrap .mapWrap .table .styleLi{margin: 8px 0;}
.introduceWrap .writeWrap .bottomWrap .mapWrap .table .styleLi > b{width: 45px;padding-left: 0;font-size: 16px;font-weight: 600;display: table-cell;}
.introduceWrap .writeWrap .bottomWrap .mapWrap .table .styleLi > span{padding-left: 23px;font-size: 16px;color: #666;display: table-cell;}

/* 예약 */
.menuChange{border-bottom: 1px solid #ddd;height: 49px;position: relative;padding: 0px 32px;}
.menuChange .subMenu{display: inline-block;border-right: 1px solid #ddd;padding: 15px 20px;text-align: center;cursor: pointer;font-weight: 500;font-size: 14px;}
.menuChange .subMenu:nth-child(1){border-left: 1px solid #ddd;}
.menuChange .subMenu a{color:#545454;}
.menuChange .subMenu a:hover{color:#003a8f;}

.reservationWrap{margin: 0 0 0 0;}
.reservationWrap .topImg{background:url("/reservation/img/bg_football.jpg") no-repeat 50% 60%;height: 425px;object-fit: cover;opacity: 0.9;width: 100%;background-size: cover;}
.reservationWrap .writeWrap{max-width:984px;position: relative;margin: 60px auto;padding: 0 10px;text-align: center;}
.reservationWrap .writeWrap .okTxt{font-size: 23px;font-weight: 600;color: #1c2560;}
.reservationWrap .writeWrap .okTxt:after{background:url("/reservation/img/icon_ok1.png") no-repeat 50% 50%;width:23px;height:23px;display: inline-block;margin: 0px 0px 5px 5px;content: '';background-size: 23px auto;vertical-align: middle;}
.reservationWrap .writeWrap .title{text-align: left;margin: 0 0 -22px 0;font-size: 21px;color: #333;font-weight: 700;height: 42px;position: relative;letter-spacing: -1px;}
.reservationWrap .writeWrap .title:before{background: #003a8f;content: '';width: 40px;height: 3px;position: absolute;bottom: 8px;border-radius: 5px;}
.reservationWrap .writeWrap .resultBtn{padding: 5px 0;width: 100px;font-size: 15px;background: #1c2560;border: 1px solid #19225a;border-radius: 2px;color: #fff;cursor: pointer;}
.reservationWrap .writeWrap .resultBtn:hover{background: #161e54;border: 1px solid #0e1336;}

.reservationWrap .writeWrap h4{color: #003a8f;font-size: 18px;font-weight: 700;margin: 10px 0;text-align: left;}
.reservationWrap .writeWrap .payInfoWrap .noticePayTbl{width: 100%;}
.reservationWrap .writeWrap .payInfoWrap .noticePayTbl th{height: 37px;background: #fcff4b;font-size: 16px;border: 1px solid #333;}
.reservationWrap .writeWrap .payInfoWrap .noticePayTbl td{height: 37px;font-size: 15px;text-align: center;border: 1px solid #333;}

.reservationWrap .writeWrap .topWrap{margin: 40px 0;position: relative;width: 100%;}
.reservationWrap .writeWrap .topWrap .markInfo{float: right;}
.reservationWrap .writeWrap .topWrap .markInfo p{display: inline-block;font-size: 14px;margin: 0 5px 0 0;}
.reservationWrap .writeWrap .topWrap .markInfo p .ok{border: 1px solid #288b21;border-radius: 3px;padding: 0 4px 0 3px;color: #fff;background: #30af27;font-size: 11px;}
.reservationWrap .writeWrap .topWrap .markInfo p .no{border: 1px solid #7c7c7c;border-radius: 3px;padding: 0 4px 0 3px;color: #fff;background: #959595;font-size: 11px;}
.reservationWrap .writeWrap .topWrap .calendar{width:100%;position: relative;}

.reservationWrap .writeWrap .topWrap .reserTbl{width: 100%;color: #4e4e4e;}
.reservationWrap .writeWrap .topWrap .reserTbl tr:nth-child(1){border-top: 2px solid #424242;}
.reservationWrap .writeWrap .topWrap .reserTbl tr:nth-last-child(1){border-bottom: 2px solid #7c7c7c;}
.reservationWrap .writeWrap .topWrap .reserTbl th, .reservationWrap .writeWrap .topWrap .reserTbl td{border: 1px solid #ddd;padding: 5px 10px;}
.reservationWrap .writeWrap .topWrap .reserTbl th{width: 106px;font-size: 15px;font-weight: 500;color: #333;height: 56px;}
.reservationWrap .writeWrap .topWrap .reserTbl .hp{width: 60px;}
.reservationWrap .writeWrap .topWrap .reserTbl .point{font-size: 20px;color: #ff6262;}
.reservationWrap .writeWrap .topWrap .reserTbl .startDiv{position: relative;display: inline-grid;}
.reservationWrap .writeWrap .topWrap .reserTbl .endDiv{position: relative;display: inline-grid;margin: 0px 4px;}

.reservationWrap .writeWrap .topWrap .reserOkTbl{width: 100%;min-width: 520px;color: #4e4e4e;}
.reservationWrap .writeWrap .topWrap .reserOkTbl tr:nth-child(1){border-top: 2px solid #6c6c6c;border-bottom: 1px solid #b5b5b5;}
.reservationWrap .writeWrap .topWrap .reserOkTbl tr:nth-last-child(1){border-bottom: 2px solid #878787;}
.reservationWrap .writeWrap .topWrap .reserOkTbl th, .reservationWrap .writeWrap .topWrap .reserOkTbl td{padding: 5px 10px;}
.reservationWrap .writeWrap .topWrap .reserOkTbl th{font-size: 15px;font-weight: 500;color: #333;height: 51px;}
.reservationWrap .writeWrap .topWrap .reserOkTbl td{text-align:center;font-size: 14px;font-weight: 400;color: #333;height: 46px;border-bottom: 1px solid #f1f1f1;}
.reservationWrap .writeWrap .topWrap .point{font-size: 13px;color: #fb4646;line-height: 28px;font-weight: 600;float: left;}

.reservationWrap .writeWrap .reseltWrap .reserBtn{border-radius: 2px;height: 38px;width: 100%;font-size: 15px;font-weight: 400;background: #1c2560;border: 1px solid #19225a;color: #fff;cursor:pointer;}
.reservationWrap .writeWrap .reseltWrap .reserBtn:hover{background: #161e54;border: 1px solid #0e1336;}

.reservationWrap .payWrap{position: relative;margin: 0px auto;background:#fb4646;padding: 60px 10px;}
.reservationWrap .payWrap .bottomWrap{max-width:calc(984px - 20px);margin: 0 auto;position: relative;background: #fff;padding: 25px 10px;border-radius: 30px;}
.reservationWrap .payWrap .bottomWrap .reserDate{margin: 15px 0 0 8px;}
.reservationWrap .payWrap .bottomWrap .search{border: 1px solid #419545;padding: 4px 15px 5px 29px;margin: 0 -5px;vertical-align: bottom;font-size: 14px;background: #4caf50 url(/reservation/img/icon_search2.png) no-repeat 22% 51%;background-size: 12px auto;color: #fff;letter-spacing: 2px;cursor:pointer;height: 31px;}
.reservationWrap .payWrap .bottomWrap .search:hover{border: 1px solid #39833d;background: #419545 url(/reservation/img/icon_search2.png) no-repeat 22% 51%;}
.reservationWrap .payWrap .bottomWrap .timeWrap{padding: 15px 0;}
.reservationWrap .payWrap .bottomWrap .timeWrap .leftWrap{position: relative;width: 60px;display: inline-block;}
.reservationWrap .payWrap .bottomWrap .timeWrap .leftWrap .timeTxt{text-align: right;padding: 0px 12px;font-size: 14px;color:#4e4e4e;height: 23px;border-bottom: 1px solid #fff;}
.reservationWrap .payWrap .bottomWrap .timeWrap .leftWrap .timeTxt:nth-child(1){border-top: 1px solid #fff;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap{position: absolute;display: inline-block;width: calc(100% - 82px);margin: 10px 0 10px 0;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine{border-bottom:1px solid #dbdbdb;height: 23px;cursor:pointer;font-size: 14px;text-align: center;letter-spacing: 3px;color: #2c2c2c;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine:nth-child(1){border-top:1px solid #dbdbdb;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine.okey:hover{background:#e6f7ff;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine.okey.on:hover{background:#b0e1fa;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine.none{background: #bfbfbf;cursor: no-drop;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine.okey{background: #f3fbff;}
.reservationWrap .payWrap .bottomWrap .timeWrap .rightWrap .timeLine.on{background:#b9e8ff;}
.reservationWrap .payWrap .bottomWrap .timeWrap .reseltWrap{margin: 20px 12px 0 12px;}
.reservationWrap .payWrap .bottomWrap .timeWrap .reseltWrap .reserBtn{padding: 5px 0;width: 100%;font-size: 16px;background: #1c2560;border: 1px solid #19225a;border-radius: 2px;color: #fff;cursor: pointer;}
.reservationWrap .payWrap .bottomWrap .timeWrap .reseltWrap .reserBtn:hover{background: #161e54;border: 1px solid #0e1336;}
.reservationWrap .payWrap .bottomWrap .timeWrap .reseltWrap .reserReselt{float: right;font-size: 20px;font-weight: 500;color: #242424;margin: 0 0 5px 0;}
.reservationWrap .payWrap .bottomWrap .timeWrap .reseltWrap .reserReselt .reselt{font-size: 25px;letter-spacing: 1px;color: #161616;}

.reservationWrap .loginWrap{position: relative;margin: 0px auto;padding: 60px 10px;}
.reservationWrap .loginWrap .loginBox{max-width: 440px;margin: 0 auto;position: relative;background: #fff;padding: 30px 20px;border-radius: 18px;border: 1px solid #e9e9e9;box-shadow: 1px 1px 3px #ddd;text-align: center;}
.reservationWrap .loginWrap .loginBox .loginTbl{width: 100%;margin: 0 0 18px 0;}
.reservationWrap .loginWrap .loginBox .loginTbl tr{height: 49px;vertical-align: bottom;}
.reservationWrap .loginWrap .loginBox .loginTbl tr:nth-child(1){height: 51px;vertical-align: initial;border-bottom: 1px solid #ddd;}
.reservationWrap .loginWrap .loginBox .loginTbl th{width: 105px;color: #333;font-size: 15px;font-weight: 500;padding: 0 0 5px 0;}
.reservationWrap .loginWrap .loginBox .loginTbl td{position: relative;}
.reservationWrap .loginWrap .loginBox .loginTbl td h5{position: absolute;bottom: -9px;left: 31%;background: #fff;color: #363636;}
.reservationWrap .loginWrap .loginBox .searchBtn{padding: 5px 0;width: 100%;font-size: 15px;background: #1c2560;border: 1px solid #19225a;border-radius: 2px;color: #fff;cursor: pointer;}
.reservationWrap .loginWrap .loginBox .searchBtn:hover{background: #161e54;border: 1px solid #0e1336;}
.reservationWrap .loginWrap .loginBox .hp{width: 60px;}

.reservationWrap .listWrap{max-width: calc(984px - 20px);margin:20px auto;text-align:center;}
.reservationWrap .listWrap .reserOkTbl{width: 100%;min-width: 520px;color: #4e4e4e;}
.reservationWrap .listWrap .reserOkTbl tr:nth-child(1){border-top: 2px solid #6c6c6c;border-bottom: 1px solid #b5b5b5;}
.reservationWrap .listWrap .reserOkTbl tr:nth-last-child(1){border-bottom: 2px solid #878787;}
.reservationWrap .listWrap .reserOkTbl th, .reservationWrap .writeWrap .topWrap .reserOkTbl td{padding: 5px 10px;}
.reservationWrap .listWrap .reserOkTbl th{font-size: 15px;font-weight: 500;color: #333;height: 51px;}
.reservationWrap .listWrap .reserOkTbl td{text-align:center;font-size: 14px;font-weight: 400;color: #333;height: 46px;border-bottom: 1px solid #cfcfcf;}
.reservationWrap .listWrap .reserOkTbl td .celBtn{border: 1px solid #f14d4d;color: #fff;background: #ff5959;border-radius: 3px;padding: 2px 7px;font-size: 13px;font-weight: 400;cursor: pointer;}
.reservationWrap .listWrap .reserOkTbl td .celBtn:hover{border: 1px solid #eb4242;color: #fff;background: #e94545;}

/* 사진 */
.photoWrap{margin: 0 0 70px 0;}
.photoWrap .topImg{background:url("/reservation/img/bg_iphone.jpg") no-repeat 50% 59%;height: 425px;object-fit: cover;opacity: 0.9;width: 100%;background-size: cover;}
.photoWrap .writeWrap{max-width:984px;position: relative;margin: 60px auto;padding: 0 10px;text-align: center;}
.photoWrap .writeWrap .topWrap{margin: 40px 0;position: relative;width: 100%;text-align:right;}
.photoWrap .writeWrap .topWrap{margin: 40px 0;position: relative;width: 100%;text-align:right;}
.photoWrap .writeWrap .topWrap .searchTxt{border-bottom: 1px solid #c7c7c7;border-top: none;border-left: none;border-right: none;padding: 5px 33px 5px 10px;font-size: 14px;}
.photoWrap .writeWrap .topWrap .search{height: 31px;width: 24px;padding: 10px 0 10px 0px;border: none;display: inline-block;position: absolute;margin: 0 0 0 -24px;background: url(/reservation/img/icon_search_S2.png) no-repeat 23% 58%;background-size: 16px auto;cursor: pointer;}
.photoWrap .writeWrap .topWrap .search:hover{background: url(/reservation/img/icon_search_S2.png) no-repeat 23% 58%;}
.photoWrap .writeWrap .listWrap{margin:0 auto;font-size: 14px;color: #333;font-weight: 400;}
.photoWrap .writeWrap .listWrap .imgList{height: 258px;width: 28%;margin: 0px 13px 15px 13px;cursor:pointer;display: inline-block;padding: 10px 10px;position: relative;border: 1px solid #ddd;background: #fff;box-shadow: 1px 1px 3px #efefef;}
/* .photoWrap .writeWrap .listWrap .imgList:last-child{margin: 0 0 0 13px;} */
.photoWrap .writeWrap .listWrap .imgList .img{object-fit: cover;height: 200px;margin: 0 0 8px 0;}
.photoWrap .writeWrap .listWrap .imgList .title{text-align: left;font-size: 15px;color: #202020;font-weight: 500;}
.photoWrap .writeWrap .listWrap .imgList .contents{text-align: left;font-size: 13px;margin: 4px 0 0 0;color: #7a7a7a;font-weight: 400;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.photoWrap .writeWrap .listWrap .imgList .date{font-size: 12px;text-align: left;color: #898989;position: absolute;bottom: 9px;}
.photoWrap .writeWrap .footWrap{margin: 30px 0 20px 0;}
.photoWrap .writeWrap .footWrap .newWriteBtn{background: rgb(238,174,202);background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 85%);border: none;padding: 14px 32px;font-size: 14px;letter-spacing: 3px;color: #fff;text-shadow: 1px 1px 5px #70707021;border-radius: 29px;cursor:pointer;}

/* 공지 */
.noticeWrap{margin: 0 0 30 0;}
.noticeWrap .topImg{background:url("/reservation/img/bg_football.jpg") no-repeat 50% 60%;height: 425px;object-fit: cover;opacity: 0.9;width: 100%;background-size: cover;}
.noticeWrap .writeWrap{max-width:984px;position: relative;margin: 60px auto;padding: 0 1px;text-align: center;}
.noticeWrap .writeWrap .topWrap{margin: 40px 0;position: relative;width: 100%;text-align:right;}
.noticeWrap .writeWrap .topWrap{margin: 40px 0;position: relative;width: 100%;text-align:right;}
.noticeWrap .writeWrap .topWrap .searchTxt{border-bottom: 1px solid #c7c7c7;border-top: none;border-left: none;border-right: none;padding: 5px 33px 5px 10px;font-size: 14px;}
.noticeWrap .writeWrap .topWrap .search{height: 31px;width: 24px;padding: 10px 0 10px 0px;border: none;display: inline-block;position: absolute;margin: 0 0 0 -24px;background: url(/reservation/img/icon_search_S2.png) no-repeat 23% 58%;background-size: 16px auto;cursor: pointer;}
.noticeWrap .writeWrap .topWrap .search:hover{background: url(/reservation/img/icon_search_S2.png) no-repeat 23% 58%;}


.noticeWrap .writeWrap .listWrap .noticeTbl{width: 100%;min-width: 520px;color: #4e4e4e;}
.noticeWrap .writeWrap .listWrap .noticeTbl tr:nth-child(1){border-top: 2px solid #6c6c6c;border-bottom: 1px solid #b5b5b5;}
.noticeWrap .writeWrap .listWrap .noticeTbl tr:nth-last-child(1){border-bottom: 2px solid #878787;}
.noticeWrap .writeWrap .listWrap .noticeTbl th, .noticeWrap .writeWrap .listWrap .noticeTbl td{padding: 5px 10px;}
.noticeWrap .writeWrap .listWrap .noticeTbl th{font-size: 15px;font-weight: 500;color: #333;height: 51px;}
.noticeWrap .writeWrap .listWrap .noticeTbl td{text-align:center;font-size: 14px;font-weight: 400;color: #333;height: 46px;border-bottom: 1px solid #f1f1f1;}
.noticeWrap .writeWrap .listWrap .noticeTbl td.title{text-align:left;cursor:pointer;}
.noticeWrap .writeWrap .listWrap .noticeTbl td .point{font-weight: 600;color: #ff2b2b;}
.noticeWrap .listWrap{max-width: calc(984px - 20px);margin:20px auto;text-align:center;}
/* .noticeWrap .writeWrap .listWrap{margin: 0 auto;position: relative;width: 100%;}
.noticeWrap .writeWrap .listWrap li{padding:13px 15px 13px 39px;border:1px solid #ddd;color: #242424;margin:6px 0 0 0;position: relative;border-radius: 2px;box-shadow: 1px 1px 3px #efefef;font-size: 17px;cursor: pointer;text-align: left;}
.noticeWrap .writeWrap .listWrap li .title{white-space: normal;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;width: calc(100% - 90px);}
.noticeWrap .writeWrap .listWrap li .date{float:right;font-size: 15px;color: #646464;position: relative;top: -23px;}
.noticeWrap .writeWrap .listWrap li .red{float:left;width: 27px;background: #ff7d7d;height: 53px;position: absolute;top: -1px;left: -1px;border-bottom-left-radius: 2px;border-top-left-radius: 2px;}
.noticeWrap .writeWrap .listWrap li .blue{float:left;width: 27px;background: #7dbdff;height: 53px;position: absolute;top: -1px;left: -1px;border-bottom-left-radius: 2px;border-top-left-radius: 2px;} */
/* .noticeWrap .writeWrap .footWrap{margin: 30px 0 20px 0;} */
/* .noticeWrap .writeWrap .footWrap .newWriteBtn{background: rgb(238,174,202);background: linear-gradient(90deg, rgba(238,174,202,1) 0%, rgba(148,187,233,1) 85%);border: none;padding: 14px 32px;font-size: 14px;letter-spacing: 3px;color: #fff;text-shadow: 1px 1px 5px #70707021;border-radius: 29px;cursor:pointer;} */

/* detailWrap */
.detailWrap{max-width:984px;position: relative;margin: 60px auto;padding: 0 10px;text-align: center;}
.detailWrap .bodyWrap{position: relative;}
.detailWrap .bodyWrap .writeTable{clear: both;width: 100%;margin: -1px 0 35px 0;display: inline-table;}
.detailWrap .bodyWrap .writeTable th.titleSt{width: 160px;min-width: 160px;font-weight: 600;font-size: 14px;vertical-align: middle;padding: 0px 15px;color: #003a8f;letter-spacing: 0px;background: #e4e4e4;text-align:center;}
.detailWrap .bodyWrap .writeTable td{padding: 10px 10px 10px 10px;height: 52px;font-size: 14px;min-width: 240px;background:#fff;max-width: 984px;}
.detailWrap .bodyWrap .writeTable th, .detailWrap .bodyWrap .writeTable td{border: none;}
.detailWrap .bodyWrap .writeTable td .inputText{border-radius: 0;border: 1px solid #9E9E9E;padding: 5px 5px;margin: 0 0;width:100%;font-size: 13px;height: 31px;}
.detailWrap .bodyWrap .writeTable td .inputSelect{width:125px;height:31px}
.detailWrap .bodyWrap .writeTable td h5.title{color: #505050;font-weight: 400;font-size: 15px;}
.detailWrap .bodyWrap .writeTable td h5.title .date{color: #6e6e6e;margin: 0 5px 0 0;}
.detailWrap .bodyWrap .writeTable td h3.title{font-size: 26px;font-weight: 600;color: #333;margin: -26px 0 4px 0;}
.detailWrap .bodyWrap .writeTable td .finBtn{border: 1px solid #269800;background: #29a500;margin: -3px 0;padding:2px 10px;border-radius: 3px;cursor: pointer;font-size: 14px;color: #fff;right: 0px;position: absolute;}
.detailWrap .bodyWrap .writeTable td .checkBtn{border: 1px solid #269800;background: #29a500;margin: -3px 0;padding:2px 10px;border-radius: 3px;cursor: pointer;font-size: 14px;color: #fff;right: 0px;}
.detailWrap .bodyWrap .writeTable td .startBtn{border: 1px solid #ff7979;background: #ff8888;margin: -3px 0;padding:2px 10px;border-radius: 3px;cursor: pointer;font-size: 14px;color: #fff;right: 0px;}
.detailWrap .bodyWrap .writeTable td .endBtn{border: 1px solid #3c3cff;background: #5050ff;margin: -3px 0;padding:2px 10px;border-radius: 3px;cursor: pointer;font-size: 14px;color: #fff;right: 0px;}
.detailWrap .bodyWrap .writeTable td .inputText.date{padding: 5px 5px;border-radius: 0;background: #fff url(../../../img/icon2/icon_cal3.png) no-repeat 97% 50%;background-size: 15px auto;position: relative;cursor: pointer;width: 200px;}
.detailWrap .bodyWrap .writeTable td .fileDelBtn{border: none;margin: 0 0 0 7px;color: #fb0505;background: #fff;}
.detailWrap .bodyWrap .writeTable td .mainfile{margin: 0 0 10px 0;}
.detailWrap .bodyWrap .writeTable td input[type=file]{height:28px;width:400px;background:#fff;border:1px solid #9e9e9e;}
.detailWrap .bodyWrap .writeTable td .subfileDiv{position: relative;}
.detailWrap .bodyWrap .writeTable td .subfileDiv .addBtn{border: 1px solid #e85b5b;background: #ff6565;position: absolute;right: 0;padding: 1px 5px 1px 6px;color: #fff;border-radius: 3px;font-family: 'FontAwesome';font-size: 13px;}
.detailWrap .bodyWrap .writeTable td .subfileDiv .addBtn.fa-plus:before{margin: 0 2px 0 0;font-size: 12px;}
.detailWrap .bodyWrap .writeTable td .contextDiv{line-height: 27px;}
.detailWrap .bodyWrap .writeTable td .contextDiv img{max-width:100%;}
.detailWrap .footerWrap{text-align:center;}
.detailWrap .footerWrap .okBtn{border: 1px solid #7fbeff;background: #90c7ff;margin: 0 20px 35px 20px;padding: 5px 0 5px 15px;border-radius: 3px;min-width: 120px;cursor: pointer;font-size: 14px;color: #fff;letter-spacing: 17px;}
.detailWrap .footerWrap .celBtn{border: 1px solid #9E9E9E;background: #fff;margin: 10px auto;padding: 5px 0 5px 15px;border-radius: 3px;min-width: 120px;cursor: pointer;font-size: 14px;letter-spacing: 17px;display: block;}
.detailWrap .footerWrap .noAppBtn{border: 1px solid #ff7979;background: #ff8888;margin: 0 10px 35px 10px;padding: 5px 0 5px 15px;border-radius: 3px;min-width: 120px;cursor: pointer;font-size: 14px;color:#fff;letter-spacing: 17px;}
.detailWrap .footerWrap .okAppBtn{border: 1px solid #5c9cc1;background: #62a8d1;margin: 0 10px 35px 10px;padding: 5px 0 5px 15px;border-radius: 3px;min-width: 120px;cursor: pointer;font-size: 14px;color:#fff;letter-spacing: 17px;}


/* layer */
.modelLayer{background: #000;position: fixed;width: 100%;height: 100%;display: none;z-index: 9999;opacity: 0.2;top: 0;}

/* 환불입력 Layer */
.cellLayer{width: 355px;height: 255px;position: relative;border: 1px solid #a3a3a3;display: none;top: -66%;background: #fff;margin: 0 auto;z-index: 9999;border-radius: 2px;}
.cellLayer .title{background: #4f9da6;padding: 5px 10px 5px 10px;}
.cellLayer .title h5{color:#fff;display: inline-block;font-size: 14px;font-weight: 500;}
.cellLayer .title .close{background:url(/reservation/img/icon_close_W2.png) no-repeat 22% 50%;border: none;height: 22px;width: 13px;background-size: 13px 13px;cursor: pointer;float: right;}
.cellLayer .bodyLayer{position: relative;padding: 15px 10px 10px 10px;text-align: center;}
.cellLayer .bodyLayer .refundTbl .inputText{font-size: 14px;height: 29px;}
.cellLayer .bodyLayer .refundTbl th{font-size: 14px;font-weight: 500;color: #424242;width: 84px;height: 46px;}
.cellLayer .bodyLayer h5{color: #fb4646;font-size: 12px;font-weight: 400;margin: -1px 0 0 0;}
.cellLayer .bodyLayer .btnLayer{margin: 10px 0 0 0;}
.cellLayer .bodyLayer .btnLayer .refundBtn{border: 1px solid #08575a;border-radius: 2px;background: #085F63;font-size: 13px;padding: 2px 12px 3px 12px;color: #fff;font-weight: 400;cursor: pointer;}
.cellLayer .bodyLayer .btnLayer .refundBtn:hover{border: 1px solid #055356;background: #065558;}

/* mobileMenu Layer */
.menuLayer{background: #fff;height: 100%;width: 85%;position: fixed;z-index: 99999;display: none;top: 0;right: 0;}
.menuLayer .topLayer{height: 50px;border-bottom: 1px solid #e5e5e5;padding: 5px 5px 4px 5px;}
.menuLayer .topLayer .logImg{width: 151px;margin: 6px 0 0 0;}
.menuLayer .topLayer .closeBtn{background:url(/reservation/img/icon_close.png) no-repeat 0% 50%;border: none;height: 50px;width: 35px;background-size: 27px 27px;cursor: pointer;float: right;}
.menuLayer .bodyLayer{padding: 15px 10px 10px 10px;}
.menuLayer .bodyLayer .mMenuFirst{font-size: 16px;font-weight: 500;padding: 12px 9px 7px 9px;color: #404040;height: 31px;border-bottom: 1px solid #ebebeb;line-height: 32px;}
.menuLayer .bodyLayer .mMenuFirst.on{color: #013b8f;border-bottom: 2px solid #003a8f;}

/* footer */
.footerCon{background: #333;padding: 10px;}
.footerCon .footer{text-align: center;color: #9a9a9a;font-size: 13px;}

.topBtn{background: #3c3c3c url('/reservation/img/icon_arrowUP.png') no-repeat 50% 7px;position: fixed;width: 45px;height: 45px;bottom: 20px;right: 20px;color: #fff;text-align: center;background-size: 18px auto;line-height: 65px;font-size: 12px;display: none;z-index: 9;}