@charset "utf-8";

/* 타이포 */
h3.contTle { font-size: 30rem; position: relative; padding-left: 10rem; margin: 10rem 0px 30rem; }
h3.contTle:before { content: ""; width: 28rem; height: 28rem; background: rgba(0, 143, 127, 0.19); border-radius: 100%; position: absolute; left: -5rem; top: -8rem; z-index: -1; }
h4.contTle2 {font-size: 25rem;margin-bottom: 20rem;position: relative;padding-left: 10rem;margin: 10rem 0px 20rem;display: inline-block;}
h4.contTle2:after {content: "";width: 22rem;height: 21rem;background: rgb(224, 240, 249);border-radius: 100%;position: absolute;right: -9rem;top: -7rem;z-index: -1;}
h4.contTle3 {font-size: 13rem;  float:right; color:red;}

.boardTop { margin-bottom: 10rem; }
.boardTop .pageNum b { color: rgb(0, 128, 204); }

/*기본요소*/
.chk{display:inline-block;vertical-align:middle;}
.chk input[type="checkbox"]{position:absolute; opacity:0;}
.chk input[type="checkbox"] + label{position:relative;padding-left: 25rem;cursor:pointer;line-height:1em;}
.chk input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top: 1rem;left:0rem;width: 16rem;height:16rem;background: #fff;border: 1px solid #666;font-size: 14rem;font-weight: 600;text-align: center;border-radius: 3rem;}
.chk input[type="checkbox"]:checked + label:before{content: '\2713';background: #2196F3;border-color: #2196F3;color: #fff;}
.chk input[type="checkbox"]:focus + label:before{outline: 1px solid #000;}
.required{display: inline-block;position: relative;text-indent: -9999px}
.required:after{content: '*';color: #e62626;display: inline-block;position: absolute;top: -3px;left: 3px;text-indent: 0;}

.btnWrap{display: flex;justify-content: center;margin-top: 80rem;gap: 15rem;}
.btnWrap.btnWrap_right{justify-content: flex-end;position: absolute;bottom: -7rem;right: 0;}
.btnWrap .btn{line-height: 52rem;min-width: 200rem;background: #ebebeb;text-align: center;border-radius: 10rem;padding: 0 30rem;box-sizing: border-box;font-size: 20rem;font-weight: 500;border: 1px solid #9d9d9d;}
.btnWrap .btn.btn-primary{background:#0181cc;border-color: #0181cc;color:#fff;}
.btnWrap .btn.btn-secondary{background:#fff;border:1px solid #0181cc;color:#0181cc}

/* 카드형 */
.cardList { display: flex; flex-wrap: wrap; gap: 20rem; }
.cardList .cardWrap { width: calc((100% - 40rem) / 3); border: 1px solid rgb(224, 224, 224); border-radius: 10px; box-sizing: border-box; }
.cardList.cardList_wide .cardWrap { width: calc((100% - 60rem) / 4);}
.cardList .cardWrap .cardState { position: absolute; top: 10rem; right: 10rem; z-index: 10; }
.cardList .cardWrap .cardState .stateI { background: rgb(221, 221, 221); color: rgb(255, 255, 255); display: inline-block; padding: 10rem 17rem 8rem; border-radius: 30px; border: 2px solid rgb(255, 255, 255); }
.cardList .cardWrap .cardState .stateI.stateI1 { background: rgb(1, 131, 202); }
.cardList .cardWrap .cardState .stateI.stateI2 { background: rgb(65, 69, 71); }
.cardList .cardWrap .cardImg { position: relative; height: 255rem; background: rgb(237, 238, 242); border-radius: 10px; overflow: hidden; }
.cardList .cardWrap .cardImg::before { content: ""; display: block; padding-top: 59.3%; }
.cardList .cardWrap .cardImg img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }
.cardList .cardWrap .cardCont { padding: 20rem; }
.cardList .cardWrap .cardCont .cardFc {font-size: 18rem;line-height: 28rem;font-weight: 500;display: block;color: #455785;margin-bottom: 8rem;}
.cardList .cardWrap .cardCont .cardTle { font-size: 22rem; line-height: 28rem; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cardList .cardWrap .cardCont .cardInfo { padding: 5rem 0px; }
.cardList .cardWrap .cardCont .cardInfo li { margin: 6rem 0px; line-height: 22rem; }
.cardList .cardWrap .cardCont .cardInfo li::before { content: ""; display: inline-block; width: 5rem; height: 5rem; border-radius: 100%; background-color: rgb(82, 97, 125); vertical-align: 5rem; margin-right: 7px; }
.cardList .cardWrap .cardCont .cardInfo li b { font-weight: 500; margin-right: 5rem; }
.cardList .cardWrap .cardCont .cardBtn { display: block; width: 100%; text-align: center; line-height: 50rem; font-size: 18rem; font-weight: 500; border-radius: 10rem; transition-duration: 0.3s; }
.cardList .cardWrap .cardCont .cardBtn.cardBtn1 { border: 1px solid rgb(1, 131, 202); color: rgb(1, 131, 202); }
.cardList .cardWrap .cardCont .cardBtn.cardBtn1:hover { background: rgb(240, 248, 252); }
.cardList .cardWrap .cardCont .cardBtn.cardBtn2 { border: 1px solid rgb(149, 149, 149); color: rgb(87, 87, 87); }
.cardList .cardWrap .cardCont .cardBtn.cardBtn2:hover { background: rgb(243, 243, 243); }
.cardList .cardWrap.cardWrap-none{min-height: 450rem;display: flex;justify-content: center;align-items: center;width: 100%;font-size: 20rem;color: #666;}

/* 나의예약 테이블 */
.contTbl{width: 100%;position: relative;text-align: center;border-top:2px solid #4d4d4d;border-bottom: 1px solid #ccc;}
.contTbl tr{border-right: 2px solid #fff;}
.contTbl th,
.contTbl td {padding: 5px;position: relative;border: 1px solid #ccc;border-width: 1px 1px 0 0;height: 55rem;box-sizing: border-box;line-height: 22rem;}
.contTbl th{background-color: #f6f6f6;background-clip: padding-box;}
.contTbl thead th{font-weight: 500;border-width: 0 1px 1px 0;line-height: 17rem;}
.contTbl tbody tr:first-child th,
.contTbl tbody tr:first-child td {border-top: none;}
.contTbl .stateI{font-size: 15rem;font-weight: 500;}
.contTbl .stateI.stateI1{color:#3ec300}
.contTbl .stateI.stateI2{color:#7b7b7b}
.contTbl .tblBtn{line-height: 28rem;height: 30rem;font-size: 14rem;font-weight: 500;padding: 0 10rem;border-radius: 30px;border: none;transition: box-shadow 0.2s;min-width: 70rem;}
.contTbl .tblBtn:hover{box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.contTbl .tblBtn1{color: #fff;background: #c71b24;}
.contTbl .tblBtn2{border: 1px solid #0276f9; color: #0276f9;background: #fff;}
.contTbl .tblBtn3{border: 1px solid #c71b24; color: #c71b24;background: #fff;}
.contTbl td .snsIcon{width: 38rem;display: inline-block;vertical-align: middle;margin-right: 10rem;}
/* 11/20 임시 추가 */
.contTbl .tblBtn4{color: #fff; background: #7b7b7b;}
.contTbl .tblBtn5{color: #fff; background: #3ec300;}


/*회원정보 테이블*/
.viewcontWrap{margin-bottom: 80rem;}
.viewcontWrap .btnWrap{margin-top: 50rem;}
.viewTbl{width: 100%;position: relative;border-top:2px solid #4d4d4d;border-bottom: 1px solid #ccc;}
.viewTbl tr{border-right: 2px solid #fff;}
.viewTbl th,.viewTbl td{padding: 8rem 12rem;position: relative;border: 1px solid #d3d3d3;border-width: 1px 1px 0 0;line-height: 18px;height: 40rem;}
.viewTbl th{background-color: #f6f6f6;background-clip: padding-box;font-weight: 500;}
.viewTbl td .form{height: 40rem;max-width: 420rem;}
.viewTblBtn{display: inline-block;background: #fff;border: 1px solid #232b3a;color: #232b3a;height: 40rem;line-height: 40rem;border-radius: 5rem;padding: 0 15rem;margin-left: 10rem;box-sizing: border-box;vertical-align: middle; text-align: center;}
.viewTbl td .scopeWrap{max-width: 420rem;float: left;}
.viewTbl td .scopeWrap + select.form{float: left;margin-left: 14rem;max-width: 200rem;}
.contTleWrap{width: 100%;position: relative;}
.contTleWrap .contTle_btn{position: absolute;right: 0;float: right;display: inline-block;padding: 12rem 20rem;border-radius: 5rem;top: 5rem;}
.btn-withdraw{background: #c71b24;color: #fff;border: none;}
.infoTxt2{color: #595f85;font-weight: 500;margin-top: 10rem;font-size: 15rem;margin-left: 7rem;}

/* 시설예약 */
.reservWrap { width: 100%; }
.reservWrap::after { content: ""; display: block; clear: both; }
.reservTopWrap{border: 5px solid #efefef;border-radius: 15rem 15rem 80rem 15rem;padding: 25rem 40rem 50rem;box-sizing: border-box;}
.reservTop {width: 100%;display: flex;gap: 40rem;flex-wrap: nowrap;}
.reserv_slideWrap { width: 50%; height: 350rem; position: relative; }
.reserv_slide {width: 100%;height: 100%;overflow: hidden;border-radius: 15rem 15rem 80rem;}
.reserv_slide .swiper-slide { text-align: center; background:  center / cover rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; }
.reserv_slideCtr{position:absolute;background: #fff;display: flex;bottom: -10rem;right: 0rem;z-index: 10;padding: 10rem 30rem;align-items: center;justify-content: center;border-radius: 30px;box-shadow: 3rem 3rem 20rem 0 rgba(0,0,0,0.2);}
.reserv_slideCtr > *{position: relative !important;margin: 0 20rem;}
.reserv_slideCtr .swiper-button-next, 
.reserv_slideCtr .swiper-button-prev{left: auto;right: auto;top: auto;display: inline-block;vertical-align: middle;margin: 0;height: 30rem;line-height: 30rem;width: auto;}
.reserv_slideCtr .swiper-button-next:after, 
.reserv_slideCtr .swiper-button-prev:after{font-size: 15rem;font-weight: 600;color:#666;}
.reserv_slideCtr .swiper-pagination{height: 30rem;bottom: auto;line-height: 30rem;}

.reserv_map {width: calc(50% - 40rem);display: flex;flex-direction: column;gap: 30rem;}
.reserv_map .reserv_Cont{}
.reserv_map .reserv_Cont ul li{width: 100%;padding: 10rem 10rem 8rem;border-bottom: 1px dashed #ccc;box-sizing: border-box;line-height: 24rem;height: auto;overflow: hidden;}
.reserv_map .reserv_Cont ul li b{display: block;width: 120rem;float: left;}
.reserv_map .reserv_Cont ul li b:before{content: '';display: inline-block;width: 4rem;height: 4rem;border-radius: 100%;border: 3rem solid #13b6a2; vertical-align: 1rem;margin-right: 8rem;}
.reserv_map .reserv_Cont ul li span{width: calc(100% - 120rem);display: block;float: left;}
.reserv_map .mapArea{width: 100%;height: 100%;background: #ddd;border:1px solid #ddd;box-sizing: border-box;border-radius: 10rem;}

/* 탭 */
.reservTab {width: 100%;margin-top: 80rem;}
.tab { position: relative; }
.tab .tabList { overflow: hidden; }
.tab .tabList li {float: left;min-width: 200rem;text-align: center;line-height: 45rem;border-radius: 10rem 10rem 0 0;background: #ededed;font-size: 18rem;margin-right: 10rem;}
.tab .tabList li a{display:block;}
.tab .tabList li.on{background: #0181cc;}
.tab .tabList li.on .tabBtn {font-weight: 600;color: #fff;}
.tab .cont_area .tabCont {display: none;width: 100%;border: 1px solid #ddd;padding: 20rem;box-sizing: border-box;border-radius: 0 0 10rem 10rem;min-height: 200rem;}

/* 캘린더 */
.reservCal {width: 100%;display: flex;margin-top: 80rem;gap: 50rem;}
.reservCal .reservCalwrap { width: 60%; }
.reservCal .reservCalwrap .rCal_top {position: relative;height: auto;}
.reservCal .reservCalwrap .rCal_top:after{content: '';display: block;clear: both;}
.reservCal .reservCalwrap .rCal_top h4.contTle2{float:left;}
.reservCal h4.contTle2 .stepTle{position: absolute;left: 10rem;font-size: 20rem;top: -27rem;color: #0093ff;font-weight: 600;}
.rCalendar { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0px; }
.reservCal .reservCalwrap .rCal_ctr{position: absolute;left: 50%;transform: translateX(-50%);top: 10rem;}
.reservCal .reservCalwrap .rCal_ctr p{font-weight: 600;font-size: 24rem;color: #232b3a;display: inline-block;vertical-align: middle;margin: 0 10rem;}
.reservCal .reservCalwrap .rCal_ctr a{display: inline-block;content: "";width: 13rem;height: 13rem;border: 2px solid #232b3a;border-top: 0;border-left: 0;vertical-align: middle;}
.reservCal .reservCalwrap .rCal_ctr a.rCal_prev{transform: rotate(135deg);}
.reservCal .reservCalwrap .rCal_ctr a.rCal_next{transform: rotate(-45deg);}
.reservCal .reservCalwrap .rCal_btn{float: right;margin-top: 10rem;}
.reservCal .reservCalwrap .rCal_btn *[class*='Btn']{padding: 8rem 15rem;border-radius: 5rem;; font-weight: 500;font-size: 15rem;display: inline-block;}
.reservCal .reservCalwrap .todayBtn{border: 1px solid #ff9800;color: #ff9800;}
.reservCal .reservCalwrap .refreshBtn{border: 1px solid #9f9f9f; color: #424242;}

.rCalendar .col-cal { width: calc(14.2857%); }
.rCalendar thead th { padding: 11rem 0px 10rem; background: rgb(35, 43, 58); color: rgb(255, 255, 255); font-weight: 500; }
.rCalendar thead th:first-child { border-radius: 12px 0px 0px 12px; }
.rCalendar thead th:last-child { border-radius: 0px 12px 12px 0px; }
.rCalendar tbody td { height: 110rem; border: 4rem solid rgb(255, 255, 255); box-sizing: border-box; border-radius: 12rem; background: rgb(241, 247, 251); vertical-align: top; position: relative; cursor: pointer; }
.rCalendar tbody td.dateNo { background: rgb(249, 249, 249); color: rgb(171, 171, 171); cursor: unset; }
.rCalendar tbody td.select { background: rgb(211, 238, 255); }
.rCalendar tbody td .date { position: absolute; left: 10rem; top: 10rem; font-size: 14rem; }
.rCalendar tbody td .date .today{color: #FF9800;border: 1px solid #ff9800;border-radius: 30px;padding: 0 8rem 1rem;margin-left: 5rem;background: #fff;}
.rCalendar tbody td .cal_cont { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.rCalendar tbody td .cal_cont span { font-size: 15rem; font-weight: 500; }
.rCalendar tbody td .cal_cont span:not(.cal_state3)::before { content: ""; width: 22rem; height: 22rem; display: block; margin: 0px auto 5rem; background-size: 100% !important; }
.rCalendar tbody td .cal_cont span.cal_state1 { color: rgb(0, 112, 255); }
.rCalendar tbody td .cal_cont span.cal_state2 { color: rgb(124, 124, 124); }
.rCalendar tbody td .cal_cont span.cal_state1::before { background: url("/resources/gnr/images/sub/cal_chk.svg") center center no-repeat; }
.rCalendar tbody td .cal_cont span.cal_state2::before { background: url("/resources/gnr/images/sub/cal_no.svg") center center no-repeat; }
.rCalendar tbody td .cal_cont span.cal_state3{margin-top: 8rem;color: #eb000d;}
.rCalendar tbody td.select .cal_cont{outline: 2px solid rgb(0, 112, 255);border-radius: 5rem;}

.reservCal .reservRight {width: calc(40% - 50rem);display: flex;flex-direction: column;justify-content: space-between;}
.rTime_scr{overflow-y: auto;max-height: 465rem;}
.rTime_scr::-webkit-scrollbar {width: 5px;}
.rTime_scr::-webkit-scrollbar-thumb {background: #c9d0d8;border-radius: 10px;}
.rTime_scr::-webkit-scrollbar-track {background: #f1f3f5;border-radius: 10px;}
.reservCal .rTime .rTimeList {display: flex;flex-wrap: wrap;gap: 10rem;}
.reservCal .rTime .rTimeList li {border: 1px solid rgb(221, 221, 221);width: calc((100% - 20rem) / 3);box-sizing: border-box;border-radius: 5rem;}
.reservCal .rTime .rTimeList li a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 78rem; gap: 6rem; }
.reservCal .rTime .rTimeList li span { font-size: 14rem; }
.reservCal .rTime .rTimeList li .rT_cate { color: rgb(86, 100, 126); font-weight: 500; }
.reservCal .rTime .rTimeList li .rT_num { }
.reservCal .rTime .rTimeList li p { font-weight: 500; }
.reservCal .rTime .rTimeList li.select { background: rgb(228, 244, 255); border: 2px solid rgb(0, 112, 255); }
.reservCal .rTime .rTimeList li.complete { background: rgb(249, 249, 249); }
.reservCal .rTime .rTimeList li.complete * { color: rgb(171, 171, 171); }
.reservCal .rTime .rTimeList li.time-none{width: 100%;}
.reservCal .rTime .rTimeList li.time-none a{height: 400rem;}

.reservCal .rNum { }
.reservCal .rNum .rNumBox {width: 100%;background: rgb(249, 249, 249);border: 1px solid #ddd;height: auto;overflow: hidden;padding: 10rem;box-sizing: border-box;border-radius: 5rem;}
.reservCal .rNum .rNumBox > span { float: left; line-height: 40rem; font-size: 18rem; margin-left: 20rem; }
.reservCal .rNum .rNumBox > span b { float: left; line-height: 40rem; font-size: 22rem; margin-right: 3rem; }
.reservCal .rNum .rNumBox .rNumCtr { float: right; }
.reservCal .rNum .rNumBox .rNumCtr > * {width: 40rem;height: 40rem;display: block;float: left;border: 1px solid rgb(169, 169, 169);box-sizing: border-box;margin-left: 5rem;text-align: center;line-height: 40rem;border-radius: 5rem;background-color: #fff;}
.reservCal .rNum .rNumBox .rNumCtr > a {background-size: 24rem;background-repeat: no-repeat;background-position: center center;}
.reservCal .rNum .rNumBox .rNumCtr > a.rNumCtr_minus { background-image: url("/resources/gnr/images/common/rBtn_minus.svg"); }
.reservCal .rNum .rNumBox .rNumCtr > a.rNumCtr_plus { background-image: url("/resources/gnr/images/common/rBtn_plus.svg"); }

.reservSummary{width: 100%;margin-top: 80rem;}
.reservSummary .reservSummary_cont{width: 100%;border: 1px solid #ddd;padding: 20rem 30rem;border-radius: 10rem;box-sizing: border-box;}
.reservSummary .reservSummary_cont ul{display: flex;}
.reservSummary .reservSummary_cont ul li{margin:5rem 0;font-size: 19rem;line-height: 24rem; position: relative;display: flex;flex-direction: column;}
.reservSummary .reservSummary_cont ul li.reservList-date{padding-left: 32rem;display: flex;flex-direction: row;color:#232b3a;font-weight: 600;}
.reservSummary .reservSummary_cont ul li.reservList-date:before {content: '';display: inline-block;width: 24rem;height: 24rem;border-radius: 100%;background:url("/resources/gnr/images/sub/cal.svg");vertical-align: 5px;margin-right: 7px;position: absolute;left: 0;top: 0;background-size:24rem;}
.reservSummary .reservSummary_cont ul li.reservList-date:after{content:'';width:1rem;height: 15rem;background:#bbb;display:block;margin: 5rem 20rem;}
.reservSummary .reservSummary_cont ul li div{display: flex;justify-content: space-between;}
.reservSummary .reservSummary_cont ul li div span{display: flex;}
.reservSummary .reservSummary_cont ul li div span:first-child:after{content:'';width:1rem;height: 15rem;display:block;margin: 5rem 20rem;}
.reservSummary .reservSummary_cont ul li div:first-of-type span:after{background: #bbb;}

.reservBtt{margin-top: 80rem;}
.reservBtt .reservBtt_box{margin-bottom: 50rem;}
.reservBtt .reservB_tleBox{width: 100%;height: auto;overflow: hidden;}
.reservBtt .reservB_tleBox h4.contTle2{float: left;}
.reservBtt .reservB_tleBox .reservDownload{float: right;display: inline-block;background: #0181cc;color: #fff;padding: 12rem 20rem;border-radius: 5rem;}
.reservBtt .reservB_cont{width: 100%;padding: 20rem;background: rgb(249 249 249);border: 1px solid #ddd;box-sizing: border-box;border-radius: 5rem;position: relative;height: auto;overflow: hidden;}
.reservB_cont .btn{background: #232b3a;color: #fff;border: none;padding: 12rem 20rem;min-width: 200rem;border-radius: 5rem;}
.fileDelete{display: inline-block;margin-left: 15rem;}
.fileDelete span{color: #333;}
.fileDelete .fileDeleteBtn{display: inline-block;width: 20rem;height: 20rem;background: #858991 url(/resources/gnr/images/common/rBtn_close.svg);background-size: 20rem;border-radius: 3rem;border: 1px solid #232b3a;vertical-align: -4rem;margin-left: 6rem;}
.fileDelete .fileDeleteBtn:hover{background-color: #616771;}
.reservBtt_box .reservB_cert{position: absolute;right: 50rem;top: 50%;transform: translateY(-50%);}
.reservB_cert span{font-size: 17rem;font-weight:500;margin: 0 12rem;border: 1px solid #ddd;padding: 8rem 18rem 8rem;border-radius: 30px;}
.reservB_cert span:before{content:'';width:30rem;height:30rem;display:inline-block;vertical-align: -9rem;margin-right: 6rem;background-size: 30rem;background-repeat: no-repeat;background-position: center;}
.reservB_cert .certComplete{color: #008626;border-color: #008626;}
.reservB_cert .certFail{color: #eb000d;border-color: #eb000d;}
.reservB_cert .certComplete:before{background-image: url(/resources/gnr/images/board/certComplete.svg);}
.reservB_cert .certFail:before{background-image: url(/resources/gnr/images/board/certFail.svg);}
.reservB_cont .scopeWrap{width: 500rem;float: left;}
.reservB_cont .smbtn{display: inline-block;float: left;background: #fff;border: 1px solid #232b3a;color: #232b3a;height: 42rem;line-height: 42rem;border-radius: 5rem;padding: 0 15rem;margin-left: 10rem;}
.infoTxt{display: block;color: #eb000d;font-weight: 500;margin-top: 10rem;}
.reservB_cert2{width: 100%;display: block;height: auto;overflow: hidden;}
.reservB_cont .agreeTop{line-height: 30rem;margin-left: 15rem;}
.reservB_cont .agreeDrop{}
.reservB_cont .agreeCont{line-height: 25rem;margin-top: 20rem;padding: 20rem 25rem;background: #fff;border-radius: 10rem;}
.reservB_cont .agreeCont .agreeContScr{max-height: 150rem;overflow: auto;}
.reservB_cont .agreeTop.fold + .agreeCont{display: none;}
.reservB_cont .agreeTop .agreeToggle{float: right;width: 100rem;height: 30rem;}
.reservB_cont .agreeTop .agreeToggle:after{display: block;content: "";position: absolute;right: 35rem;top: 32rem;width: 13rem;height: 13rem;border: 2rem solid #666;border-top: 0;border-left: 0;transform: rotate(-135deg);transition: 0.3s; }
.reservB_cont .agreeTop.fold .agreeToggle:after{transform: rotate(45deg);top: 26rem;}

.agreeContScr::-webkit-scrollbar {width: 5px;}
.agreeContScr::-webkit-scrollbar-thumb {background: #c9d0d8;border-radius: 10px;}
.agreeContScr::-webkit-scrollbar-track {background: #f1f3f5;border-radius: 10px;}

/* 페이징 */
.pagination { text-align: center; margin-top: 80rem; }
.pagination li { display: inline-block; width: 35rem; height: 35rem; vertical-align: middle; line-height: 35rem; }
.pagination li a { display: block; width: 100%; height: 100%; border-radius: 5px; }
.pagination li.pageCtr a { border: 1px solid rgb(230, 230, 230); box-sizing: border-box; margin: 0px 1px 0px 0px; background: url("/resources/gnr/images/common/btn_pagination.png") 0% 0% / 132rem no-repeat; }
.pagination li.page1st a { background-position: left center; }
.pagination li.pagePrev a { background-position: -33rem center; }
.pagination li.pageNext a { background-position: -66rem center; }
.pagination li.pageLast a { background-position: right center; }
.pagination li a:hover { color: rgb(43, 60, 91); text-decoration: underline; }
.pagination li.pageCtr a:hover { background-color: rgb(245, 247, 251); }
.pagination li.pageOn a { background: rgb(43, 60, 91); font-weight: 500; text-decoration: none; color: rgb(255, 255, 255) !important; }

/*시설 홈*/
.sf_wrap h3.contTle{margin-bottom: 30rem;}
.sf_wrap .sf_bottom h3.contTle{margin-bottom:20rem;}
.sf_wrap .sf_bSlide{min-height: 360rem;}
.home_link{display: flex;flex-wrap: wrap;gap: 15rem;}
.home_link li{border: 1px solid #e9eaf0;width: calc((100% - 45rem) / 4);box-sizing: border-box;border-radius: 15rem;box-shadow: 5rem 5rem 12rem rgba(198, 202, 218, 0.5);font-size: 22rem;font-weight: 500;position: relative;display: flex;align-items: center;}
.home_link li a{display: block;padding: 40rem 30rem;}
.home_link li a:after{content: '';width: 64rem;height: 65rem;background: no-repeat center;background-size: 50rem;display: block;position: absolute;right: 32rem;top: 50%;transform: translateY(-50%);animation-duration: 1s;transform-origin: bottom;}
.home_link li.soccer a:after{background-image:url(/resources/gnr/images/main/sfI_soccer.svg);}
.home_link li.futsal a:after{background-image:url(/resources/gnr/images/main/sfI_futsal.svg);}
.home_link li.fvolley a:after{background-image:url(/resources/gnr/images/main/sfI_fvolley.svg);}
.home_link li.volley a:after{background-image:url(/resources/gnr/images/main/sfI_volley.svg);}
.home_link li.basketball a:after{background-image:url(/resources/gnr/images/main/sfI_basketball.svg);}
.home_link li.baseball a:after{background-image:url(/resources/gnr/images/main/sfI_baseball.svg);}
.home_link li.park a:after{background-image:url(/resources/gnr/images/main/sfI_park.svg);}
.home_link li.park a{padding: 40rem 95rem 40rem 30rem;line-height: 25rem;}
.home_link li.rental a:after{background-image:url(/resources/gnr/images/main/sfI_rental.svg);}
.home_link li.rental a{padding: 40rem 95rem 40rem 30rem;}
.home_link li a:hover{font-weight: 600;}
.home_link li a:hover:after{animation-name: bounce; animation-timing-function: ease;}
@keyframes bounce {
    0%   { transform: translateY(-50%); }
    50%  { transform: translateY(-60%); }
    100% { transform: translateY(-50%); }
  }
.sf_bottom{display: flex;margin-top: 80rem;gap: 50rem;}
.sf_bottom .sf_notice{width: calc(100% - 610rem);min-width: 0;}
.sf_bottom .sf_notice .sf_noticeBox{width: 100%;border: 1px solid #ddd;border-radius: 10rem;padding: 12rem 20rem;box-sizing: border-box;min-height: calc(100% - 60rem);}
.sf_bottom .sf_notice .sf_noticeBox li{width: 100%;height: auto;overflow: hidden;position: relative;border-bottom:1px dashed #ddd;}
.sf_bottom .sf_notice .sf_noticeBox li:last-child{border:none;}
.sf_bottom .sf_notice .sf_noticeBox li a{display: block;padding: 10rem 15rem;}
.sf_bottom .sf_notice .sf_noticeBox li p{font-size: 18rem;line-height: 24rem;font-weight: 500;margin-bottom: 6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sf_bottom .sf_notice .sf_noticeBox li span{color:#666;}
.sf_bottom .sf_notice .sf_noticeBox li .sf_nWrite{}
.sf_bottom .sf_notice .sf_noticeBox li .sf_nDate{}
.sf_bottom .sf_banner{width: 560rem;min-width: 0;}


.sf_bSlideWrap {width: 100%;position: relative;}
.sf_bSlide {width: 100%;height: 100%;overflow: hidden;border-radius: 10rem;border: 1px solid #ddd;box-sizing: border-box;min-height: 387rem;}
.sf_bSlide .swiper-slide {text-align: center;background:  center / cover rgb(255, 255, 255);/*height: 385rem;*/}
.sf_bSlide .swiper-slide:before{content: "";display: block;padding-top: 56.6%;}
.sf_bSlide .swiper-slide img{position: absolute;left: 0px;top: 0px;width: 100%;height: calc(100% - 47rem);object-fit: cover;}
.sf_bSlide .swiper-slide .sf_bSTle{width: 100%;background: #fff;text-align: left;padding: 15rem 30rem;box-sizing: border-box;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-top: 1px solid #ddd;}
.sf_bSlideCtr{position:absolute;background: #fff;display: flex;top: -50rem;right: 0rem;z-index: 10;align-items: center;justify-content: center;}
.sf_bSlideCtr > *{position: relative !important;margin: 0 12rem;}
.sf_bSlideCtr .swiper-button-next, 
.sf_bSlideCtr .swiper-button-prev{left: auto;right: auto;top: auto;display: inline-block;vertical-align: middle;margin: 0;height: 30rem;line-height: 33rem;width: auto;}
.sf_bSlideCtr .swiper-button-next:after, 
.sf_bSlideCtr .swiper-button-prev:after{font-size: 15rem;font-weight: 600;color:#666;}
.sf_bSlideCtr .swiper-pagination{height: 30rem;bottom: auto;line-height: 35rem;}
.sf_bSlideCtr .swiperBtn{width: 40rem;height: 20rem;background: url(/resources/gnr/images/main/slideCtr.png) no-repeat;border: none;min-width: 0;background-size: 30rem;}
.sf_bSlideCtr .swiperBtn.pauseButton{background-position:left center;}
.sf_bSlideCtr .swiperBtn.playButton{background-position:right center;}

/*필터폼*/
.form{width:100%;height: 42rem;display:inline-block;border: 1px solid #dcdcdc;background: #fff;box-sizing: border-box;vertical-align: middle;border-radius: 5rem;padding: 0 12rem;position: relative;}
select.form{-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 24rem 0 10rem;background: #fff url(/resources/gnr/images/board/icon_select.png) no-repeat center right 8px;background-size:14rem}
input::placeholder{color: #999}
input:disabled,input:read-only {background: #e9ecef!important;}
select.form::-ms-expand { display: none; }
textarea.form{height: 120rem}
.scopeWrap{display: flex;width: 100%;gap: 5rem;align-items: center;}
.form-term{position: relative;width: 100%;}
.form-term .form{}
.form-term .btn-cal{width: 15rem;height: 16rem;background: url(/resources/gnr/images/board/term.jpg) no-repeat center;background-size:15rem;position: absolute;right: 10px;top: 50%;margin-top: -8rem;border: none;}

.filterBox{background: #fbfbfb;width: 100%;border: 1px solid #ddd;border-radius: 10rem;box-sizing: border-box;padding: 20rem;margin-bottom: 50rem;}
.filterForm{max-width: 800rem;margin: 0 auto;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;gap: 5rem 40rem;}
.filterForm .row{width: 100%;line-height: 45rem;margin: 2rem 0;min-width: 0;}
.filterForm .row.row-4{width: calc(45% - 20rem);}
.filterForm .row.row-6{width: calc(55% - 20rem);}
.filterForm dt{width: 120rem;float: left;font-size: 17rem;}
.filterForm dd{width: calc(100% - 120rem);float: left;}
.filterBottom{display: flex;justify-content: center;margin-top: 30rem;}
.filterBottom .filterBtn{background: #232b3a;border: none;color: #fff;padding: 11rem 25rem;min-width: 185rem; border-radius: 5rem;}
.filterBottom .filterBtn:before{content:'';width: 19rem;height: 19rem;background: url(/resources/gnr/images/board/search.png) no-repeat center;background-size:19rem;display: inline-block;vertical-align: -3rem;margin-right: 8rem;}

.guideContents{width: 100%;height: auto;margin-top: 50rem;min-height: 600rem;border: 1rem solid #e5e5e5;padding: 30rem;box-sizing: border-box;border-radius: 10rem;}

/* 회원 */
.userCont{position: relative;padding: 80rem 0 100rem;min-height: 680rem;background: #ecf7fe;overflow: hidden;}
.userCont:before,
.userCont:after{content: '';display: block;position: absolute;z-index: 0;background-size: 100% !important;}
.userCont:before{width: 793rem;height: 421rem;background:url(/resources/gnr/images/main/bg1.png) no-repeat center;left: -165rem;top: -57rem;}
.userCont:after{width: 522rem;height: 260rem;background:url(/resources/gnr/images/main/bg2.png) no-repeat center;right: -42rem;bottom: -6rem;}
.userTop_cont{text-align: center;position: relative;margin-bottom: 30rem;}
.userTop_cont .userTitle{font-family: 'GmarketSans';font-weight: 600;font-size: 36rem;line-height: 43rem;}
.userTop_cont p{font-family: 'GmarketSans';font-weight: 600;font-size: 36rem;line-height: 43rem;color: #0c276a;}
.userTop_cont span{font-size: 20rem;color: #3a3a3a;margin: 26rem 0 36rem;display: block;}

.loginWrap{width: 480rem;text-align: center;margin: 20rem auto 0;padding: 50rem 60rem;box-sizing: border-box;border-radius: 20rem;box-shadow: 5rem 5rem 12rem rgba(198, 202, 218, 0.5);background: #fff;position: relative;z-index: 5;}
.loginWrap .loginTle{font-size: 30rem;font-weight: 600;margin: 0 0 50rem;font-family: 'GmarketSans';}
.loginWrap .loginForm{position: relative;width: 100%;margin: 0 auto;height: auto;}
.loginWrap .loginInput{width: 100%;margin-bottom: 10rem;}
.loginWrap .loginInput .form{height: 50rem;margin-bottom: 8rem;}
.loginWrap .loginBtn{width: 100%;height: 57rem;border-radius: 10rem;font-size: 20rem;font-weight: 500;text-align: center;color: #fff;background: linear-gradient(270deg, rgba(20, 183, 162, 1) 0%, rgba(0, 128, 204, 1) 100%);border: none;transition:box-shadow 0.3s;}
.loginWrap .loginBtn:hover{box-shadow: 5rem 5rem 12rem rgba(11, 159, 180, 0.45);}
.loginWrap .loginLink{margin: 15rem 0;display: flex;justify-content: center;gap: 10rem;}
									  
.loginWrap .loginLink li{display:inline-block;border: 1px solid #ddd;padding: 8rem 12rem;font-size: 15rem;border-radius: 5rem;min-width: 80rem;}
.loginWrap .loginLink li a:hover{text-decoration: underline;}

.snsLogin {display: flex;justify-content: center;gap: 25rem;margin: 25rem auto 35rem;}
.snsLogin li a{display: flex;flex-direction: column;align-items: center;gap: 12rem;color: #333;}
.snsLogin li a:before{content:'';display:block;width:50rem;height: 50rem;background-size: 100% !important;}
.snsLogin li.naver a:before{background:url("/resources/gnr/images/board/naverIcon.svg");}
.snsLogin li.kakao a:before{background:url("/resources/gnr/images/board/kakaoIcon.svg");}

.userBox p{line-height: 24rem;word-break: keep-all;} 
.userBox.searchId:before{content: '';width: 71rem;height: 70rem;background: url(/resources/gnr/images/sub/phoneCert.png) no-repeat center;background-size:100%;display: block;margin: 0 auto 40rem;}
.userBox.searchId2:before{content: '';width: 60rem;height: 60rem;background: url("/resources/gnr/images/sub/searchId.svg") no-repeat center;background-size:100%;display: block;margin: 0 auto 40rem;}
.loginBtnwrap{display: flex;flex-direction: column;margin-top: 30rem;gap: 10rem;}
.loginBtnwrap button{width: 100%;border-radius: 10rem;border: 1px solid #2b3c5b;font-size: 20rem;font-weight: 500;line-height: 50rem;transition:box-shadow 0.3s;}
.loginBtnwrap button:hover{box-shadow: 5rem 5rem 12rem rgba(43, 60, 91, 0.45);}
.loginBtnwrap button.userBtn1{background: #2b3c5b;color: #fff;}
.loginBtnwrap button.userBtn2{background:#fff;color: #2b3c5b;}
.resultId{background: #e9fae9;color: #008000;font-size: 25rem;font-weight: 500;padding: 8rem 15rem;display: inline-block;margin: -15rem 0 20rem;}
.loginBtnwrap .form{height: 50rem;}

/*회원가입*/
.joinStep{display: flex;justify-content: space-between;gap: 100rem;align-items: flex-start;width: 500rem;position: relative;margin: 35rem auto 20rem;}
.joinStep li{display: flex;flex-direction: column;align-items: center;gap: 10rem;line-height: 20rem;position:relative;color: #4e5f6c;font-weight: 500;font-size: 15rem;}
.joinStep li i{width: 45rem;height: 45rem;display: block;background: #778793;border-radius: 100%;position: relative;}
.joinStep li.on{color: #2b3c5b;font-weight: 600;}
.joinStep li.on i{background: linear-gradient(270deg, rgba(20, 183, 162, 1) 0%, rgba(0, 128, 204, 1) 100%);}
.joinStep li i:after{content: '';width: 100%;height: 100%;background-repeat: no-repeat;background-size: 28rem;display: inline-block;background-position: center;position: relative;}
.joinStep li.on:before{content: '';width: 45rem;height: 45rem;background: linear-gradient(270deg, rgba(20, 183, 162, 1) 0%, rgba(0, 128, 204, 1) 100%);position: absolute;left: 50%;top: 0;margin-left: -22.5rem;border-radius: 100%;animation: wave 2s infinite;}
@keyframes wave{
    0%{opacity:1;transform:scale(0.7);}
    100%{opacity:0;transform:scale(1.4);}
}

.joinStep li.step1 i:after{background-image: url(/resources/gnr/images/sub/join_s1.svg);}
.joinStep li.step2 i:after{background-image: url(/resources/gnr/images/sub/join_s2.svg);}
.joinStep li.step3 i:after{background-image: url(/resources/gnr/images/sub/join_s3.svg);}
.joinStep:before{content:'';position:absolute;width: calc(100% - 70rem);left: 40rem;height:1px;background: #c3c3c3;top: 23rem;}
.joinWrap{width: 860rem;margin: 0 auto;padding: 40rem 55rem;box-sizing: border-box;border-radius: 20rem;box-shadow: 5rem 5rem 12rem rgba(198, 202, 218, 0.5);background: #fff;position: relative;z-index: 5;}
.joinWrap .joinSec + .joinSec{margin-top: 60rem;}
.joinWrap .joinTle{font-size: 26rem;font-weight: 600;margin: 0 0 20rem;font-family: 'GmarketSans';color: #333;}
.joinWrap .joinTle span{display: inline-block;color: #eb000d;font-weight: 500;font-size:16rem;font-family: 'SCoreDream';margin-left:20rem;}
.joinWrap .join_agree{border: 1px solid #e5e5e5;padding: 10rem 38rem; border-radius: 10rem;}
.join_agree .agreeBox{width: 100%;font-size: 18rem;}
.join_agree .agreeBox.agreeBox1{border-bottom: 1px solid #ededed;padding: 5rem 0 10rem 0;margin-bottom: 15rem;font-weight: 600;}
.join_agree .agreeBox .agreeBox_top{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;height: 40rem;margin: 10rem 0;}
.join_agree .agreeBox .agreeBox_cont{background: #f5f7f8;max-height: 0px;overflow-y: auto;box-sizing: border-box;padding: 0 20rem;margin-top: -1px;text-align: left;border-radius: 10rem;line-height: 22rem;transition: 0.3s ease-out;font-size: 16rem;}
.agreeBox_cont::-webkit-scrollbar {width: 5px;}
.agreeBox_cont::-webkit-scrollbar-thumb {background: #c9d0d8;border-radius: 10px;}
.agreeBox_cont::-webkit-scrollbar-track {background: #f1f3f5;border-radius: 10px;}

.join_agree .joinChk{}
.join_agree .joinChk{float: left;}
.join_agree .joinChk input[type="checkbox"]{position:absolute; opacity:0;}
.join_agree .joinChk input[type="checkbox"] + label{position:relative;padding-left: 42rem;cursor:pointer;line-height: 27rem;display: inline-block;}
.join_agree .joinChk input[type="checkbox"] + label b{font-weight: 500;color: #3679cb;margin-right: 3rem;}
.join_agree .joinChk input[type="checkbox"] + label:before{content:'';display:block;position:absolute;top: 1rem;left:0rem;width: 27rem;height: 27rem;background: #f7f7f7;color: #fff;border: 1px solid #ddd;box-sizing: border-box;font-size: 14rem;font-weight: 600;text-align: center;border-radius: 100%;}
.join_agree .joinChk input[type="checkbox"]:checked + label:before{border-color: #3679cb;color: #fff;background: #3679cb url(/resources/gnr/images/sub/chk.svg) no-repeat center;}
.join_agree .joinChk input[type="checkbox"]:focus + label:before{outline: 1px solid #000;}
.join_agree .agreeMore{float: right;color: #3679cb;border: 1px solid #3679cb;background: #fff;font-size: 15rem;border-radius: 5rem;padding: 6rem 13rem 6rem 16rem;font-weight: 500;position: relative;}
.join_agree .agreeMore span{display: inline-block;}
.join_agree .agreeMore:after{display: inline-block;content: "";width: 6rem;height: 6rem;border: 2rem solid #3679cb;border-top: 0;border-left: 0;transform: rotate(45deg);transition: 0.3s;margin-left: 8rem;vertical-align: 3rem;}
.join_agree .agreeMore.on:after{transform: rotate(-135deg);vertical-align: 0rem;}
.join_agree .agreeBox .agreeBox_cont.on {max-height: 220rem;overflow: auto;padding: 20rem;margin-bottom: 20rem;}
.joinWrap .phoneCert{width: 71rem;height: 70rem;background: url("/resources/gnr/images/sub/phoneCert.png") no-repeat center;background-size:100%;display: block;margin: 45rem auto;}
.joinWrap .joinBtnWrap{margin-top: 30rem;}
.joinWrap .joinBtn{width: 100%;max-width: 450rem;margin: 0 auto;display: block;border-radius: 10rem;border: 1px solid #2b3c5b;background: #2b3c5b;color: #fff;font-size: 20rem;font-weight: 500;line-height: 50rem;transition:box-shadow 0.3s;}
.joinWrap .joinBtn:hover{box-shadow: 5rem 5rem 12rem rgba(43, 60, 91, 0.45);}
.joinForm{display: flex;flex-direction: column;gap: 20rem;padding: 20rem;}
.joinForm +.joinForm{border-top:1px solid #f1f1f1;}
.joinForm .join-row{display: flex;position: relative;}
.joinForm .join-row dt{width: 160rem;line-height: 40rem;font-weight: 500;}
.joinForm .join-row dd{width: calc(100% - 160rem);}
.joinForm .join-row dd .reservB_cert{display: inline-block;vertical-align: middle;}
.joinForm .join-row .form{height: 40rem; max-width: 350rem;}
.joinForm .join-row .joinForm_btn{display: inline-block;background: #fff;border: 1px solid #232b3a;color: #232b3a;height: 40rem;line-height: 40rem;border-radius: 5rem;padding: 0 15rem;margin-left: 10rem;box-sizing: border-box;vertical-align: middle;min-width: 92rem;}
.joinForm .join-row .scopeWrap{max-width: 350rem;float: left;}
.joinForm .join-row .scopeWrap + select.form{width: 180rem;margin-left: 13rem;}
.joinForm .join-row .joinSelect li{display: inline-block;border: 1px solid #dcdcdc;color: #232b3a;height: 40rem;line-height: 40rem;border-radius: 5rem;padding: 0 15rem;margin-right: 10rem;box-sizing: border-box;vertical-align: middle;min-width: 100rem;text-align: center;background: #e9ecef;}
.joinForm .join-row .joinSelect li.select{background: #0080cc;color: #fff;}
.joinForm .join-row dd.join-idNum .scopeWrap{max-width: 248rem;}
.joinFin{text-align: center;}
.joinFin > p{font-family: 'GmarketSans';font-weight: 600;font-size: 28rem;line-height: 35rem;color: #0c276a;word-break: keep-all;}
.joinFin > i{width: 131rem;height: 100rem;background: url("/resources/gnr/images/sub/joinFin.png") no-repeat center;background-size:100%;display: block;margin: 45rem auto;}
.joinFin > span{font-size: 20rem; color: #3a3a3a;margin: 26rem 0 36rem;display: block;}

/*입장확인*/
.reservNum_wrap{width: 600rem;margin: 80rem auto 0;}
.reservNum{width: 100%;text-align: center;padding: 62rem 60rem;box-sizing: border-box;border-radius: 10rem;background: #f9f9f9;position: relative;z-index: 5;}
.reservNum .join-row{display:flex;align-items: center;}
.reservNum .join-row dt{width: 140rem;font-size: 20rem;font-weight: 600;text-align: left;}
.reservNum .join-row dd{width: calc(100% - 160rem);}
.reservNum_wrap .reservBtn{width: 240rem;margin: 50rem auto;height: 57rem;line-height:57rem;border-radius: 10rem;font-size: 20rem;font-weight: 500;text-align: center;color: #fff;background: linear-gradient(270deg, rgba(20, 183, 162, 1) 0%, rgba(0, 128, 204, 1) 100%);border: none;transition:box-shadow 0.3s;display:block;}
.reservNum_wrap .reservBtn:hover{box-shadow: 5rem 5rem 12rem rgba(11, 159, 180, 0.45);}

/*구장검색*/
.searchTab{display: flex;background: #fbfbfb;width: 100%;border: 1px solid #ddd;border-radius: 10rem;box-sizing: border-box;padding: 20rem;margin-bottom: 50rem;gap: 20rem;flex-wrap: wrap;}
.searchTab li{width: calc((100% - 120rem) / 7);text-align: center;line-height: 68rem;border-radius: 10rem;font-size: 22rem;font-weight: 500;background: #f1f1f1;}
.searchTab li:hover{box-shadow: 4rem 4rem 7rem rgba(165,165,165,0.3);}
.searchTab li a{color: #838383;display: block;}
.searchTab li.on{background: #0c276a;box-shadow: 4rem 4rem 7rem rgb(12 39 106 / 30%);}
.searchTab li.on a{color:#fff;}

/*예약결과*/
.reservResult{ text-align: center;}
.reservResult .reservR_top{font-size: 26rem;font-weight: 600;color: #008626;}
.reservResult .reservR_top:before{content: '';width: 80rem;height: 80rem;background: url(/resources/gnr/images/board/certComplete.svg) no-repeat center;background-size: 100%;display: block;margin: 50rem auto 20rem;}
.reservR_cont{border: 1px solid #c8d3cb;max-width: 800rem;margin: 50rem auto 0;padding: 30rem 50rem;background: #f7fbf8;border-radius: 10rem;text-align: left;box-sizing: border-box;}
.reservR_cont > ul > li{font-size: 18rem;line-height: 24rem;margin-bottom: 15rem;font-weight: 500;}
.reservR_cont > ul > li:before{content:'';width: 7rem;height: 7rem;background: #008626;display:inline-block;border-radius: 100%;vertical-align: 3rem;margin-right: 12rem;}
.reservR_cont > ul > li:last-child{margin-bottom:0;}
.reservR_cont > ul > li ul{padding: 10rem 30rem;}
.reservR_cont > ul > li ul li{font-size: 17rem;font-weight: 400;margin-bottom: 5rem;}
.reservR_cont > ul > li ul li:before{content:'';width: 5rem;height: 2rem;background: #6d6d6d;display:inline-block;vertical-align: 5rem;margin-right: 10rem;}
.reservR_cont > ul > li ul li:last-child{margin-bottom:0;}

/* -------- 팝업 -------- */
.popupWrap{padding: 40rem 25rem;}
.popupWrap h4.contTle2{line-height: 24rem;margin-bottom: 30rem;}
.popupWrap .btnWrap{display: flex;justify-content: space-between;margin: 30rem 0 0;}
.popupWrap .btnWrap .btn{min-width: 150rem;font-size: 17rem;line-height: 45rem;}
.modalBg{display:none;position:fixed;width:100%;height:100%; top:0;left:0;background: rgba(0,0,0,0.6); z-index: 900;}
.modalBox{display:none;position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);max-width: 500rem;width: 100%;min-height: 175px;background:#fff;z-index: 999;border-radius: 5px;}

/*커뮤니티*/
.searchForm{max-width: 800rem;display: flex;gap: 15rem;align-items: center;margin: 0 auto;}
.searchForm select.form{width: 240rem;}
.searchForm input[type="text"].form{width: 100%;}
.searchForm .searchBtn{background: #232b3a;border: none;color: #fff;padding: 11rem 25rem;min-width: 150rem;border-radius: 5rem;}
.searchForm .searchBtn:before{content:'';width: 19rem;height: 19rem;background: url("/resources/gnr/images/board/search.png") no-repeat center;background-size:19rem;display: inline-block;vertical-align: -3rem;margin-right: 8rem;}

/*게시판목록*/
.boardList{width:100%;border-top: 2px solid #4d4d4d;}
.boardList li{border-bottom: 1px solid #ccc;}
.boardList li a{display: flex;align-items: center;height: 100rem;gap: 30rem;box-sizing: border-box;position: relative;}
.boardList li .board_date{width: 140rem;float: left;text-align: center;color: #333;position: relative;}
.boardList li .board_date:after{content:'';width:1px;height:50rem;background: #e3e3e3;display:block;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.boardList li .board_date b{display: block;font-size: 26rem;font-weight: 700;margin-bottom: 8rem;}
.boardList li .board_writer{width: 140rem;float: left;text-align: center;color: #333;position: relative;}
.boardList li .board_writer:after{content:'';width:1px;height:50rem;background: #e3e3e3;display:block;position:absolute;right:0;top: 50%;transform: translateY(-50%);}
.boardList li .board_writer b{display: block;font-size: 18rem;font-weight: 600;margin-bottom: 8rem;}
.boardList li .board_tit{width: calc(100% - 350rem);float: left;font-size: 19rem;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height: 26rem;}
.board_tit .board_type{color: #fff;display: inline-block;padding: 2rem 15rem;border-radius: 30px;background: #0183ca;font-size: 15rem;vertical-align: 1rem;margin-right: 5rem;}
.boardList li a:hover .board_tit{text-decoration: underline;}
.boardList li .board_tit .locked{display: inline-block;position: relative;text-indent: -9999px;width: 35rem;height: 35rem;background: #eee url("/resources/gnr/images/board/lock.png") no-repeat center;background-size: 24rem;border-radius: 100%;vertical-align: 8rem;margin-right: 5rem;}
.boardList li .answer{color: #fff;display: inline-block;padding: 8rem 20rem;border-radius: 30px;background: #4CAF50;font-size: 17rem;position: absolute;right: 20rem;top: 50%;transform: translateY(-50%);}
.passW_cont{width: calc(100% - 80rem);margin: 0 auto;text-align: center;display: flex;gap: 20rem;align-items: center;}
.passW_cont i.lock{display: inline-block;position: relative;width: 50rem;height: 50rem;background: #eee url("/resources/gnr/images/board/lock.png") no-repeat center;background-size: 28rem;border-radius: 100%;vertical-align: 8rem;margin-right: 5rem;}
.passW_cont .form{width: calc(100% - 70rem);}
.passW_cont .contTle2{text-align: center;padding: 0;}
.passW_cont + .btnWrap{justify-content: center;}
/*게시판뷰*/
.boardView{border-bottom: 1px solid #ccc;}
.boardView .board_tit{font-size: 24rem;font-weight: 600;border-bottom: 1px solid #4d4d4d;padding:30rem 10rem;line-height: 30rem;}
.boardView .board_tit .board_type{vertical-align: 3rem;padding: 6rem 15rem;line-height: 17rem;}
.boardView .board_info{height: auto;overflow: hidden;border-bottom: 1px solid #ccc;line-height:50rem;padding: 0 10rem;}
.boardView .board_info li{float: left;}
.boardView .board_info li:after{content: '';display: inline-block;width: 1px;height: 12rem;vertical-align:0rem;background: #e3e3e3;margin: 0 15rem 0 12rem;}
.boardView .board_info li:last-child:after{display: none;}
.boardView .board_info li span{color: #333;margin-left: 5rem;}
.boardView .board_cont{padding: 30rem 30rem 60rem 30rem;min-height: 400rem;box-sizing: border-box;width: 100%; line-height: 25rem;}
.boardView .board_cont.board_cont_answer{min-height: 240rem;}
.boardView .board_file{}
.boardView .board_file li{margin: 5rem 0;}
.boardView .board_file li a{display: block;color: #333;background: #f0f0f0;padding: 8rem 15rem;line-height: 24rem;transition-duration:0.3s;border-radius: 5rem;}
.boardView .board_file li a:before{content: '';width: 24rem;height: 24rem;background: url("/resources/gnr/images/board/file.png") no-repeat center;background-size: 24rem;display: inline-block;vertical-align: -6rem;margin-right: 3rem;}
.boardView .board_file li a:hover{background: #f6f6f6;}
/*답변*/
.answerWrap{margin-top: 50rem;}
.answerWrap > strong{font-weight: 600;font-size: 22rem;}
.answerWrap .answerCont{width: 100%;padding: 20rem 30rem;background: #f9f9f9;border: 1px solid #ddd;border-radius: 12rem;box-sizing: border-box;margin-top: 15rem;min-height: 150rem;}
/*질문*/
.viewTbl.write_qna td .form:not(input[type="password"]){max-width: 100%;}
.viewTbl.write_qna td textarea.form{height: 240rem;}
/*faq*/
.faqList{width:100%;border-top: 2px solid #4d4d4d;}
.faqList li{border-bottom: 1px solid #ccc;height: auto;}
.faqList .faq_Q{font-size: 19rem;font-weight: 500;position: relative;padding: 15rem 80rem 15rem 130rem;display: flex;min-height: 100rem;align-items: center;line-height: 26rem;box-sizing: border-box;}
.faqList .faq_Q:before{content: 'Q';display: block;width: 40rem;height: 40rem;background: #f1f1f1;text-align: center;line-height: 40rem;border-radius: 100%;position: absolute;left: 50rem;top: 50%;transform: translateY(-50%);}
.faqList .faq_Q:after{content: '';width: 32rem;height: 32rem;background: url("/resources/gnr/images/board/faq.svg") no-repeat center;display: block;background-size: 100%;position: absolute;right: 20rem;top: 50%;margin-top: -16rem;transition: transform 0.3s;}
.faqList .faq_A{position: relative;background: #f9f9f9;overflow: hidden;max-height: 0;overflow: hidden;transition:  0.3s ease-out;padding: 0 20rem 0 130rem;line-height: 24rem;}
.faqList .faq_A:before{content: 'A';display: block;width: 40rem;height: 40rem;background: #0080cc;color: #fff;text-align: center;line-height: 40rem;border-radius: 100%;position: absolute;left: 50rem;top: 50%;transform: translateY(-50%);font-size: 19rem;font-weight: 500;}
.faqList li.active .faq_Q:after{transform: rotate(180deg);}
.faqList li.active .faq_A{padding: 30rem 20rem 30rem 130rem;max-height: none;}

/*레이어팝업*/
.layerPopup{width: 580rem;position:fixed;z-index: 99999;border: 1px solid #999;box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);background: #fff;border-radius: 10px;padding: 20rem 30rem;box-sizing: border-box;}
.layerP_close{width: 28rem;height: 28rem;border: 1px solid #a5a5a5; box-sizing: border-box;position: absolute;right: 15rem;top: 15rem;background: #f3f3f3;color: #585858;border-radius: 100%;font-weight: 600;text-align: center;line-height: 18rem;font-size: 18rem;padding-right: 1rem;line-height: 22rem;}
.layerPopup{width: calc(100% - 50rem);max-width: max-content;padding: 0 !important;overflow: hidden;}
.layerPopup img{max-width: 100%;}
.layerPopup .layerPop_bottom{width: 100%;height: 38rem;background: #2e333e;color: #fff;line-height: 38rem;padding: 0 10rem;box-sizing: border-box;}
.layerPopup .layerPop_bottom .divpopup_chk{float: left;}
.layerPopup .layerPop_bottom .divpopup_chk input{margin-right: 3rem;}
.layerPopup .layerPop_bottom .layerP_close{position: relative;float: right;width: auto;height: auto;border-radius: 3px;font-weight: 500;padding: 0 10rem;font-size: 15rem;top: auto;right: auto;margin-top: 7rem;background: #2e333e;color: #fff;}

/*에러페이지*/
.error{position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;color: #333;letter-spacing: -1.5px;}
.error .errorBox{position: absolute;top: 50%;left: 50%;height: auto;transform: translate(-50%, -50%);text-align: center;max-width: 98%;width: 100%;}
.error .errorBox strong{color: #333;font-size: 24rem;font-weight: 600;margin: 30rem 0 20rem;display: block;}
.error .errorBox p{line-height: 25rem;font-size: 17rem;}
.error .errorBox .errorBtn{width: 300rem;line-height: 57rem;border-radius: 10rem;font-size: 20rem;font-weight: 500;text-align: center;color: #fff;background: linear-gradient(270deg, rgba(20, 183, 162, 1) 0%, rgba(0, 128, 204, 1) 100%);border: none;transition:box-shadow 0.3s;display: block;margin: 40rem auto 0;}
.error .errorBox .errorBtn:hover{box-shadow: 5rem 5rem 12rem rgba(11, 159, 180, 0.45);}

.board_none{height: 100rem;text-align: center;height: 100rem;text-align: center;line-height: 100rem;}

@media screen and (max-width: 1024px) {
  .contTbl.contTbl_rw thead,.contTbl.contTbl_rw colgroup{display: none;}
  .contTbl.contTbl_rw tr {display: block;width: 100%;border-bottom: 1px solid #ddd;position: relative;box-sizing: border-box;padding: 10rem 0;height: auto;overflow: hidden;}
  .contTbl.contTbl_rw th, .contTbl.contTbl_rw td{border: none;}
  .contTbl.contTbl_rw td{width: 50%;float: left;display: block;height: auto;text-align: left;padding: 5rem 15rem;}
  .contTbl.contTbl_rw td.td-none{display: none;}
  .contTbl.contTbl_rw td:before {content: attr(data-name);min-width: 88rem;display: inline-block;background: #eee;text-align: center;color: #333;padding: 5rem;border-radius: 5rem;margin-right: 15rem;}
  .contTbl.contTbl_rw td.td-btn:before{display: none;}
  .contTbl.contTbl_rw td.td-btn{padding: 3rem 15rem;width: 100%;margin-top: 15rem;}
  .contTbl.contTbl_rw td.td-btn + .td-btn{margin-top:0;}
  .contTbl.contTbl_rw .tblBtn{width: 100%;height: 45rem;font-size: 18rem;border-radius: 5rem;}
  .contTbl.contTbl_rw .stateI{font-size: 16rem;}

  .sf_bSlide{min-height: 200rem !important;}
  .sf_bSlide .swiper-slide .sf_bSTle{font-size: 20rem;}
  .sf_bSlide .swiper-slide img{height: calc(100% - 51rem);}
  
  .userCont{padding-top: 130rem;margin-top: -55rem;}
  .sf_bottom{flex-direction: column;}
  .sf_bottom .sf_notice,.sf_bottom .sf_banner{width: 100%;}

  .reservCal{flex-direction: column;}
  .reservCal .reservCalwrap,.reservCal .reservRight{width: 100%;}
  .reservCal .reservRight{gap: 20rem;}  
  .reservCal .rTime{display: flex;flex-direction: column;align-items: flex-start;} 
  .reservCal .rNum{margin-top:30rem;}
  .rTime_scr{width: 100%;}
  .reservBtt_box .reservB_cert{position: relative;transform: none;top: auto;right: auto;line-height: 43rem;text-align: center;margin-top: 15rem;}
  .reservCal .rTime .rTimeList li.time-none a{height: 100rem;}

  .searchTab li{width: calc((100% - 60rem) / 4);}
  .cardList.cardList_wide .cardWrap{width: calc((100% - 40rem) / 3);}

  .cardList .cardWrap.cardWrap-none{min-height: 250rem;width: 100%;}

  .home_link li{ width: calc((100% - 30rem) / 3);} 
  
  .reservCal .rTime{position:relative;} 
  .reservCal .reservRight  h4.contTle3 {position:absolute;right:0;top:0;}
}

@media screen and (max-width: 860px) {
  .filterForm .row{width: 100% !important;}  
  .userTop_cont p{font-size: 30rem;line-height: 35rem;}
  .userTop_cont span {font-size: 16rem;}
  .joinWrap{width: calc(100% - 60rem);}
  .joinForm .join-row .form,
  .joinForm .join-row .scopeWrap,
  .joinForm .join-row dd.join-idNum .scopeWrap{max-width: 100%;}
  .joinForm .join-row .joinForm_btn,
  .joinForm .join-row .scopeWrap + select.form{width: 100%;margin: 10rem 0 0 0;}
  .joinForm .join-row dd .reservB_cert{position: absolute;top: -65rem; right: -10rem;}
  .joinWrap .joinBtn{max-width: 100%;}
  .joinFin > span{font-size: 16rem;}
   .viewTbl td .form{max-width: 100%;}
  .viewTbl td .scopeWrap{max-width: 100%;}
  .viewTblBtn{width: 100%;margin: 5rem 0 0 0;}
  .viewTbl td .scopeWrap + select.form{max-width: 100%;margin: 5rem 0 0 0;}
  .home_link li{ width: calc((100% - 30rem) / 3);}
  .cardList .cardWrap {width: calc((100% - 20rem) / 2);}
  .cardList .cardWrap .cardImg{height: 210rem;}
  .cardList .cardWrap .cardCont .cardTle{font-size: 20rem;}
  .reservTop{flex-direction: column;}
  .reserv_slideWrap,.reserv_map{width: 100%;}
  .reserv_map .mapArea{height: 250rem;}
  .btnWrap.btnWrap_right{position: relative;bottom: auto;margin-top: 30rem;justify-content: center;}
  .pagination{margin-top: 50rem;}
  .faqList .faq_Q{padding: 15rem 65rem 15rem 80rem;}
  .faqList .faq_A{padding: 0 20rem 0 80rem;}
  .faqList li.active .faq_A{padding: 30rem 20rem 30rem 80rem;}
  .faqList .faq_Q:before,.faqList .faq_A:before{left: 20rem;}
  .searchTab{gap: 10rem;}
  .searchTab li {width: calc((100% - 30rem) / 4);line-height: 58rem;font-size: 20rem;}
  .cardList.cardList_wide .cardWrap{width: calc((100% - 20rem) / 2);}
  .cardList .cardWrap .cardCont{padding: 15rem;}
  .cardList .cardWrap .cardCont .cardFc{font-size: 16rem;margin-bottom: 2rem;}
  .home_link li a{padding: 35rem 20rem;}
  .home_link li.park a{padding: 35rem 88rem 35rem 28rem;}
  .home_link li.rental a{padding: 35rem 70rem 35rem 20rem;}
  .home_link li a:after{background-size: 40rem;right: 10rem;}
  .home_link li.park a:after{background-size: 40rem;right: 17rem;}
  
  .reservCal .rTime{position:relative;} 
  .reservCal .reservRight  h4.contTle3 {position:absolute;right:0;top:0;}
}

@media screen and (max-width: 640px) {
  .contTbl.contTbl_rw td{width: 100%;}
   .userCont {padding-top: 100rem;min-height: 500rem;}
  .loginWrap{width: calc(100% - 60rem);padding: 50rem 38rem; margin-top: 30rem;}
  .loginWrap .loginLink{flex-direction: column;}
  .userTop_cont p {font-size: 25rem;line-height: 30rem;}
  .joinStep{width: 400rem;}
  .joinWrap{padding: 40rem 25rem;}
  .joinWrap .join_agree{padding: 0;border: none;}
  .join_agree .agreeBox{border: 1px solid #ededed;padding: 0 15rem !important;box-sizing: border-box;border-radius: 10rem;  margin: 6rem 0;font-size: 16rem;}
  .join_agree .agreeMore{padding: 0;border: none;}
  .join_agree .agreeMore span{display: none;}
  .join_agree .agreeMore:after{width: 10rem;height: 10rem;margin-right: 3rem;}
  .joinForm{padding: 10rem;}
  .joinForm +.joinForm{margin-top: 10rem;}
  .joinForm .join-row{flex-direction: column;}
  .joinForm .join-row dt,.joinForm .join-row dd{width: 100%;}
  .joinWrap .joinTle span{display: block;margin: 7rem 0 0;}
  .joinFin > p{font-size: 25rem;line-height: 30rem;}
  .reservNum_wrap{width: 100%;margin: 50rem auto 0;}
  .reservNum .join-row{flex-direction: column;gap: 20rem;}
  .reservNum .join-row dt,.reservNum .join-row dd{width: 100%;text-align: center;}
  .reservResult .reservR_top{font-size: 24rem;}
  .reservResult .reservR_top:before{width: 70rem;height: 70rem;}
  .reservR_cont{ padding: 25rem 20rem;}
  .modalBox{width: calc(100% - 60rem);}
  .filterBottom .filterBtn{width: 100%;}
  .viewTbl colgroup{display: none;}
  .viewTbl tr{display: flex;flex-direction: column; border-bottom: 1px solid #d3d3d3;padding: 8rem 0;}
  .viewTbl tr:last-child{border: none;}
  .viewTbl th, .viewTbl td{width: 100%;box-sizing: border-box;height: auto;border: none;}
  .viewTbl th{text-align: left;background: #fff;}
  .home_link li{ width: calc((100% - 15rem) / 2);}
  .home_link li a{padding: 35rem 30rem;}
  .home_link li a:after{background-size: 40rem;}
  .cardList .cardWrap{width: 100%;}
  .cardList .cardWrap .cardImg{height: 250rem;}
  h3.contTle{font-size: 26rem;}
  .reservTopWrap{padding: 25rem 20rem 30rem;border-radius: 15rem 15rem 50rem 15rem;}
  .reserv_slideWrap{height: 240rem;}
  .reserv_slideCtr{padding: 5rem 25rem;}
  .reserv_map .mapArea{height: 200rem;}
  .reservTab{margin-top: 50rem;}
  .reservCal{margin-top: 50rem;}
  .rCalendar{margin-top: 50rem;}
  .reservCal .reservCalwrap .rCal_ctr{left: 10rem;transform: none;top: 65rem;}
  .reservCal .reservCalwrap .rCal_btn{position: absolute;right: 0;top: 50rem;}
  .rCalendar tbody td .cal_cont span{font-size: 13rem;}
  .rCalendar tbody td .cal_cont span:not(.cal_state3)::before{background-size: 18rem !important;margin: 0 auto 3rem;}
  .rCalendar tbody td .date{font-size: 13rem;left: 5rem;}
  .rCalendar tbody td .date .today{font-size: 11rem;padding: 0 2rem 1rem;margin-left: 2rem;}
  .reservSummary .reservSummary_cont ul li{font-size: 17rem;}
  .fileDelete{width: 100%;margin: 10rem 0 0 0;}
  .reservB_cont .scopeWrap{width: 100%;}
  .reservB_cont .btn{width: 100%;}
  .reservB_cont .smbtn{width: 100%;margin: 5rem 0 0;}
  .reservBtt .reservB_cont{padding: 12rem;}
  .reservB_cont .agreeTop .agreeToggle:after{top: 24rem;width: 11rem;height: 11rem;}
  .reservB_cont .agreeTop.fold .agreeToggle:after{top: 18rem;}
  .reservB_cont .agreeCont{margin-top: 10rem;padding: 10rem;}
  .reservB_cont .agreeCont .agreeContScr{font-size: 14rem;line-height: 20rem;}
  .btnWrap .btn{font-size: 18rem;line-height: 45rem;}
  .searchForm{flex-direction: column;gap: 10rem;}
  .searchForm select.form{width: 100%;}
  .searchForm .searchBtn{width: 100%;}
  .boardList li a{gap: 10rem;flex-direction: column;height: auto;align-items: flex-start;padding: 20rem 10rem;}
  .boardList li .board_date{font-size: 14rem;width: 85rem;display: flex;width: auto;}
  .boardList li .board_date b{font-size: 14rem;order: 2;font-weight: 400;}
  .boardList li .board_date b:before{content: '.';}
  .boardList li .board_date:after{display: none;}
  .boardList li .board_tit {width: 100%;font-size: 17rem;}
  .board_tit .board_type{padding: 1rem 12rem;font-size: 13rem;}
  .boardList li .board_writer{font-size: 14rem;width: auto;}
  .boardList li .board_writer b{display: inline-block;font-size: 15rem;margin: 0 5rem 0 0;}
  .boardList li .board_writer:after{display: none;}
  .boardList li .board_tit .locked{width: 30rem;height: 30rem;background-size: 18rem; vertical-align: 3rem;}
  .boardList li .answer{position: relative;transform: none;right: auto;top: auto;margin: 0 auto;font-size: 14rem;width: 100%;box-sizing: border-box;text-align: center;}
  .boardView .board_tit{font-size: 21rem;}
  .boardView .board_tit .board_type{line-height: 14rem;padding: 6rem 15rem 4rem;}
  .faqList .faq_Q{font-size: 16rem;min-height: 85rem;padding: 15rem 65rem 15rem 60rem;}
  .faqList .faq_Q:before, .faqList .faq_A:before{width: 34rem;height: 34rem;line-height: 34rem;left: 15rem;font-size: 15rem;}
  .faqList .faq_A{padding: 0 20rem 0 60rem;font-size: 15rem;}
  .faqList li.active .faq_A{padding: 30rem 20rem 30rem 60rem;}
  .searchTab li {width: calc((100% - 10rem) / 2);}
  .cardList.cardList_wide .cardWrap {width: 100%;}
  .reservSummary .reservSummary_cont ul li.reservList-date:after{margin: 3rem 12rem;}
  .reservSummary .reservSummary_cont ul li div span:first-child:after{margin: 3rem 12rem;}
  
  .home_link li{ width: calc((100% - 15rem) / 2);}
  .home_link li.park a {padding: 35rem 98rem 35rem 28rem;}
  
  .reservCal .rTime{position:relative;} 
  .reservCal .reservRight  h4.contTle3 {position:absolute;right:0;top:0;}
}

/*202501_신청서제출수정*/
.resercBtns{float: right;}
.resercBtns .btn{min-width: 120rem;text-align: center;border-radius: 5rem;padding: 12rem 20rem;box-sizing: border-box;background:#fff;border:1px solid #0181cc;color:#0181cc;display: inline-block;}
.resercBtns .btn.on{background:#0181cc;border-color: #0181cc;color:#fff;}
.reservBtt .reservB_cont.dropCont{}
.reservBtt .reservB_cont.dropCont .dropCont_box{margin: 12rem 0 45rem;}
.reservBtt .reservB_cont.dropCont .dropCont_box:last-of-type{margin-bottom: 0;}
.reservBtt .reservB_cont.dropCont strong{font-size:20rem;display:block;margin: 5rem 0 20rem 0;}
.reservBtt .reservB_cont.dropCont strong:before{content: '';display: inline-block;width: 5rem;height: 5rem;background: #000000;border-radius: 100%;vertical-align: 5rem;margin: 0 10rem 0 7rem;}
.reservBtt .reservB_cont .viewTbl{background-color: #fff;border: 1px solid #b1b1b1;border-collapse: separate;}
.reservBtt .reservB_cont .viewTbl th{background-color: rgb(241, 247, 251);}
.reservBtt .reservB_cont .viewTbl td .form{width:100%;max-width: 100%;}
.reservBtt .reservB_cont .viewTbl tr:first-child > *{border-top:none;}
.reservBtt .reservB_cont .viewTbl tr > *:last-child{border-right:none;}
.reservBtt .reservB_cont .viewTbl .col-wp1{width: 300rem;}
.reservBtt .reservB_cont .viewTbl .infoTxt{font-size: 15rem;margin-top: 5rem;}
.reservBtt .reservB_cont .reservB_cont{padding: 0;border: none;}
.reservBtt .reservB_cont .reservB_cont .agreeCont{margin-top: 8rem;border: 1px solid #ddd;}
.viewTbl-list{width: 100%;position: relative;border-top:2px solid #4d4d4d;border-bottom: 1px solid #ccc;background-color: #fff;border: 1px solid #b1b1b1;border-collapse: separate;}
.viewTbl-list tr{border-right: 2px solid #fff;}
.viewTbl-list tr:first-child > *{border-top:none;}
.viewTbl-list tr > *:last-child{border-right:none;}
.viewTbl-list th,.viewTbl-list td{padding: 8rem 12rem;position: relative;border: 1px solid #d3d3d3;border-width: 1px 1px 0 0;line-height: 20rem;height:32rem;text-align: center;}
.viewTbl-list th{background-color: rgb(241, 247, 251);background-clip: padding-box;font-weight: 500;}
.viewTbl-list tr td:first-child .form{text-align: center;}
.reservB_cont.dropCont .agreeToggle{float: right;width: 100rem;height: 30rem;}
.reservB_cont.dropCont .agreeToggle:after{display: block;content: "";position: absolute;right: 35rem;top: 32rem;width: 13rem;height: 13rem;border: 2rem solid #666;border-top: 0;border-left: 0;transform: rotate(-135deg);transition: 0.3s; }
.reservB_cont.dropCont.fold .dropCont_box{display: none !important;}
.reservB_cont.dropCont.fold .agreeToggle:after{transform: rotate(45deg);top: 26rem;}
@media screen and (max-width: 860px) {
  .reservBtt .reservB_cont .viewTbl .col-wp1{width: 200rem;}
}
@media screen and (max-width: 640px) {
  .resercBtns .btn{min-width: 98rem;}
  .reservBtt .reservB_cont .viewTbl th{background: #fff;}
  .reservBtt .reservB_cont .viewTbl .infoTxt{font-size: 13rem;margin-top: 8rem;}
  .viewTbl-list th, .viewTbl-list td{font-size: 14rem;height: 28rem;}
  .reservB_cont.dropCont .agreeToggle:after{top: 28rem;width: 11rem;height: 11rem;}
  .reservB_cont.dropCont.fold .agreeToggle:after{top: 18rem;}
}

/*신청서 모달*/
.popupWrap{max-height: 85vh;overflow-y: auto;margin-top: -1rem;}
.popup_form{margin-bottom: 30rem;}
.popup_form .popTle2{font-size: 18rem;margin: 0 0 10rem 8rem;color: #343434;}
.popup_form .popTle2:before{content:'';width: 5rem;height: 5rem;background: #343434;display:inline-block;vertical-align: 4rem;margin-right: 8rem;border-radius: 100%;}
.popup_form .viewTbl th,
.popup_form .viewTbl td{padding: 4rem 12rem;line-height: 22rem; font-size:13rem;}
.popup_form .viewTbl th{background-color: #eef8ff;}
.popup_form .viewTbl-list{border: none;border-top: 2px solid #4d4d4d;}
.popup_form .viewTbl-list th{background-color: #eef8ff;}
.popup_form .viewTbl-list th,
.popup_form .viewTbl-list td{padding: 4rem 12rem;border-width: 0 1px 1px 0; font-size: 13rem}
@media screen and (max-width: 640px) {
  .popup_form .viewTbl th{background-color: #fff;margin-bottom: 7rem;}
}


/*이용안내 추가*/
.guideContents{border: none;padding: 0;}
.guideContents .tit{font-size: 21rem;margin: 10rem 0px 30rem;}
.guideContents .tit small{float: right;font-weight: 400;font-size: 14rem;color: #505050;}
.guideContents .guideTbl .contTbl th, 
.guideContents .guideTbl .contTbl td{height:40rem;}
.guideContents .guide_txt{margin: 30rem 0;}
.guideContents .guide_txt strong{display:block;margin: 0 0 15rem 0;}
.guideContents .guide_txt ul{display: flex;flex-direction: column;gap: 10rem;}
.guideContents .guide_txt ul li{display: flex;gap: 5rem;line-height: 22rem;}
.guideContents .guide_txt ul li em{color: #000;flex-shrink: 0;}
.guideContents .guide_txt ul li em.red{color: #eb000d;}
.guideContents .guide_txt ul li b{text-decoration: underline;text-decoration-color: #2196F3;text-underline-position: under;}

@media screen and (max-width: 640px) {
  .guideContents .tit{font-size: 19rem; margin: 10rem 0px 15rem;}
  .guideContents .tit small{font-size: 13rem;}
  .guideContents .guideTbl .contTbl th, .guideContents .guideTbl .contTbl td{font-size: 12rem;height: 30rem;line-height: 15rem;padding: 3rem;}
  .guideContents .guide_txt ul{gap: 5rem;}
  .guideContents .guide_txt ul li{font-size: 13rem;}
}