@charset "utf-8";
/* @latest 2025.04.21 SSJ */
/* @latest 2025.05.07 OSY */
/* @latest 2025.05.26 SSJ */
/* @latest 2025.06.16 SSJ */


/* 대여일정 공통
 :상단 시설/날짜 선택영역 */
.rsrvSchdul_topSelect { margin-bottom: 20px !important; }
.rsrvSchdul_topSelect>select { width:30%; max-width:250px; float:left; }
.rsrvSchdul_topSelect .dateSelect { width:70%; float:left; text-align:center; }
.rsrvSchdul_topSelect .dateSelect button { padding:0 15px; height:40px; box-sizing:border-box; border:1px solid #ccc; border-radius:2px; background:#ddd; font-weight:600; }
.rsrvSchdul_topSelect .dateSelect button.prvBtn:before,
.rsrvSchdul_topSelect .dateSelect button.nxtBtn:after { content:""; width:7px; height:7px; border:2px solid #333; display:inline-block; transform:rotate(45deg); vertical-align:middle; margin-top:-2px; }
.rsrvSchdul_topSelect .dateSelect button.prvBtn:before { border-width:0 0 2px 2px; margin-right:5px; }
.rsrvSchdul_topSelect .dateSelect button.nxtBtn:after { border-width:2px 2px 0 0; margin-left:5px; }

 @media only screen and (min-width:991px){
 .subCon .rsrvSchdul_topSelect>select { font-size: 17px; border: none; font-family: 'Noto Sans KR'; font-weight: 500; letter-spacing: -0.5px; background-position-x:7px; padding: 0 5px 0 20px !important; border:1px solid #ddd; }
 .subCon .rsrvSchdul_topSelect>select option { font-size:18px; }
 }
 @media only screen and (max-width:1299px){
 .rsrvSchdul_topSelect .dateSelect button { text-indent: -999px; overflow: hidden; padding: 0 7px; }
 .rsrvSchdul_topSelect .dateSelect button:before,
 .rsrvSchdul_topSelect .dateSelect button:after { text-indent:0; float: left; margin: 5px 0 !important; }
 }


/* 대여일정 :주간 */
.rsrvSchdul_week { }
.rsrvSchdul_week .weekTbl { width:100%; table-layout:fixed; }
.rsrvSchdul_week .weekTbl thead { }
.rsrvSchdul_week .weekTbl thead th { border:1px solid #e0e0e0; border-width:1px 0; padding:20px 5px 21px; font-size:16.5px; font-weight:600; background:#f8f8f8; word-break:keep-all; word-wrap:break-word; }
.rsrvSchdul_week .weekTbl thead th:first-child { width:10%; }
.rsrvSchdul_week .weekTbl tbody { }
.rsrvSchdul_week .weekTbl tbody th { vertical-align:middle; border:1px solid #e0e0e0; border-width:0 1px 1px 0; font-size:17.5px; line-height:140%; }
.rsrvSchdul_week .weekTbl tbody th span { font-size:15px; font-weight:400; }
.rsrvSchdul_week .weekTbl tbody th .room_Nm { }
.rsrvSchdul_week .weekTbl tbody th .room_Nm:after { content:""; width:1px; height:10px; display:inline-block; background:#333; transform:rotate(25deg); margin:0px 2px 0 9px; opacity:0.6; }
.rsrvSchdul_week .weekTbl tbody th .room_np { }
.rsrvSchdul_week .weekTbl tbody td { vertical-align:top; padding:17px 5px 30px 8px; border-bottom:1px solid #e5e5e5; border-right:1px solid #f3f3f3; word-break:keep-all; word-wrap:break-word; font-size:15px; text-align:center; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox { margin-bottom:20px; text-align:left; clear:both; float:left; width:100%; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox:only-child,
.rsrvSchdul_week .weekTbl tbody td .rsvBox:last-child { margin-bottom:0px; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox p { width:100%; margin-bottom:5px; font-weight:600; /* text-indent:-10px; */padding-left:10px; box-sizing:border-box; position:relative; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox p:before { content:""; border-left:5px solid #1d5793; border-top:4px solid transparent; border-bottom:4px solid transparent; width:5px; height:5px; box-sizing:border-box; display:inline-block; margin-right:4px; position:absolute; left:0; top: 7px; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox p:empty:after { content:"untitle"; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox ul.rsrvInfo { padding:7px 7px 4px; box-sizing:border-box; background:#f9f9f9; border-radius:3px; width:calc(100% - 20px); /* border:1px solid #e3e3e3; */margin-left:10px; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox ul li { font-size: 14px; color:#555; padding-left:15px; position:relative; margin-bottom:2px; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox ul li:before { font-family:FontAwesome; display:inline-block; vertical-align:middle; margin-right:5px; color:#838383; font-size:12px; position:absolute; left:0; top:0; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox ul li.locate:before { content:"\f041"; margin: 4px 6px 0 1px; font-size:13px; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox ul li.time:before { content:"\f017 "; margin: 6px 0px 0 0px; }
.rsrvSchdul_week .weekTbl tbody td .rsvBox ul li.mngr_np:before { content:"\f007"; margin: 6px 5px 0 1px; }

.rsrvSchdul_week .weekTbl tbody td:empty { vertical-align:middle; }
.rsrvSchdul_week .weekTbl tbody td:empty:before { content:"-"; }


 @media only screen and (max-width:990px){
 .rsrvSchdul_week { width:100%; overflow-x:scroll; }
 .rsrvSchdul_week .weekTbl { min-width:1000px; }
 .rsrvSchdul_topSelect .dateSelect { width:100%; margin-top:10px; }
 .rsrvSchdul_topSelect .dateSelect input[type="text"] { width:25% !important; }
 .rsrvSchdul_week .weekTbl tbody th .room_Nm:after { display:none; }
 }







/* 예약기간/요일 설정 */
.addWeekBox { width:100%; border:1px solid #dbdbdb; margin-bottom:20px; }
.addWeekBox th { width:15%; }
.addWeekBox td { padding:15px 10px; }
.addWeekBox tr:first-child td:nth-child(2) { padding:15px 10px 7px; }
.addWeekBox tr:last-child td { padding:7px 10px 20px; }
.addWeekBox td:last-child:not(:only-child) { width:10%; text-align:center; }
.rsrvSchdul_weekSet { }
.rsrvSchdul_weekSet td { }
.rsrvSchdul_weekSet td:first-child { text-align:left; }
.rsrvSchdul_weekSet td:first-child input[type="text"] { max-width:40%; }
.rsrvSchdul_weekSet td:nth-child(2) { text-align:left; }
.rsrvSchdul_weekSet td:last-child { text-align:center; width:10%; }

 @media only screen and (max-width:990px){
 .addWeekBox { padding-bottom:50px; position:relative; }
 .addWeekBox, .addWeekBox tbody, .addWeekBox tbody tr, .addWeekBox th, .addWeekBox td { width:100% !important; float:left; display:block; clear:both; box-sizing:border-box; text-align:center; }
 .addWeekBox th { padding-top:20px; }
 .addWeekBox tr:first-child td:nth-child(2) input { width:40% !important; }
 .addWeekBox td:last-child:not(:only-child) { position:absolute; /* padding:0; */bottom:0; }
 .addWeekBox td:last-child:not(:only-child) button { background:#333; color:#fff; width:100%; margin:0; }
 .addWeekBox tr:last-child td .wzForm li { width:20%; margin-bottom:5px; font-size:15px; }

 .rsrvSchdul_weekSet td:first-child { width:30%; }
 .rsrvSchdul_weekSet td:first-child input[type="text"] { width:80% !important; margin-bottom:6px; }
 .rsrvSchdul_weekSet td:nth-child(2) { }
 .rsrvSchdul_weekSet td:nth-child(2) .wzForm li { width:29%; margin-bottom:5px; font-size:15px; /* word-break:keep-all; */float:left; }
 }



/* 대여일정 : 일간 */
.rsrvSchdul_day .weekTbl tbody td { vertical-align: middle; }
.rsrvSchdul_day .weekTbl tbody td.time_t { padding:0; }
.rsrvSchdul_day .weekTbl tbody td.time_t .time { position: relative; padding-left:15px; }
.rsrvSchdul_day .weekTbl tbody td.time_t .time:before { content: "\f017 "; font-family: FontAwesome; display: inline-block; vertical-align: middle; color: #838383; font-size: 12px; position: absolute; left: 0; top: 4px; margin: 2px 0px 0 0px; }
.rsrvSchdul_day .weekTbl .day_datail_t { border: 1px solid #e5e5e5; border-width: 1px 0 0 1px; }
.rsrvSchdul_day .weekTbl tbody td { padding: 20px 8px; box-sizing: border-box; }
.rsrvSchdul_day .weekTbl tbody td.ch { background: #f9f9f9; }
.rsrvSchdul_day .weekTbl tbody td .rsvBox ul li.call:before { margin: 6px 6px 0 1px; content: "\f095"; }
.rsrvSchdul_day .weekTbl tbody td .rsvBox ul li { float: left; margin-right: 16px; padding: 0 15px; }
.rsrvSchdul_day .weekTbl tbody td .rsvBox ul li:after { content: ''; width: 2px; height: 2px; position: absolute; right: 0; top: 9px; background: #838383; }
.rsrvSchdul_day .weekTbl tbody td .rsvBox ul li:last-child:after { content:none; }
.rsrvSchdul_day .weekTbl tbody td .rsvBox ul.rsrvInfo { float: left; }
.rsrvSchdul_day .weekTbl tbody td.daytime { background:#f1f1f1; }
.rsrvSchdul_day .weekTbl tbody td.night { background:#fffbe7; }
.rsrvSchdul_day .weekTbl tbody td.afternoon { background:#e4f1f3; }
.rsrvSchdul_day .weekTbl tbody td:last-child { border-right:0; }
.subCon .rsrvSchdul_day .weekTbl tbody td.time_t .time { margin-bottom:5px; display: inline-block; }
.subCon .rsrvSchdul_day .weekTbl tbody td.time_t .time:before { top: 0; }

@media only screen and (max-width: 990px){
 .rsrvSchdul_day .weekTbl { min-width: 799px; }
 }





/* 시설 정보 */
.rsrvRoomInfoDIV { width:100%; float:left; margin-bottom:40px; }
.rsrvRoomInfoDIV .roomImg { width:25%; height:260px; box-sizing:border-box; text-align:center; margin-right:2%; float:left; overflow:hidden; position:relative; border:1px solid #ddd; }
.rsrvRoomInfoDIV .roomImg img { width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: none !important; }
.rsrvRoomInfoDIV .roomInfoTBL { width:73%; float:left; }
.rsrvRoomInfoDIV .roomInfoTBL table { border-top:2px solid #dbdbdb; }
.rsrvRoomInfoDIV .roomInfoTBL table th { padding:5px 25px 5px 15px; border:1px solid #e5e5e5; border-width:1px 0 0; }
.rsrvRoomInfoDIV .roomInfoTBL table td { padding:5px 15px; border-color:#e5e5e5; }

.rsrvSchdul_topSelect .guideDiv { text-align:right; width: auto; display: inline-block; float: right; margin-top: 10px; }
.rsrvSchdul_topSelect .rsrvbtn_state { font-size:14px; padding:12px 5px; line-height:7px; display:inline-block; text-align:center; /* margin:0 3px; *//* color:#fff; */font-weight:600; cursor:default; border-radius:3px; }
.rsrvbtn_state:before { content:""; width:9px; height:9px; display:inline-block; border-radius:100%; margin-right:5px; vertical-align:middle; margin-top:-2px; }
.rs_open:before { background:#16a6fd; }
.rs_soldout:before { background:#727272; }

 /*사용자단*/
 .subCon .rsrvRoomInfoDIV { margin-bottom:60px; }
 .subCon .rsrvRoomInfoDIV .roomImg { width: 46%; border-radius: 30px; height: 350px; margin-right: 0; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL { width: 52%; padding-left: 60px; box-sizing: border-box; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul { padding: 20px 5px; box-sizing: border-box; float: left; width: 100%; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li { width:100%; clear:both; list-style:none; float: left; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li strong { /* width:27%; */position:relative; font-size: 16.5px; float: left; padding: 5px 10px 5px 15px; box-sizing: border-box; color: #5e5e5e; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li strong:before { content:""; width: 6px; height: 6px; display: inline-block; background: #606060; border-radius: 100%; position: absolute; left: 0; top: 14px; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li p { width: auto; font-size:16.5px; line-height: 140%; color:#666; float: left; padding: 5px 10px; box-sizing: border-box; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.tophashtag { padding: 0; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.tophashtag span { border:1px solid #0464cb; font-size: 14px; padding: 4px 17px; border-radius: 20px; margin-right: 4px; font-family: 'Noto Sans KR'; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.tophashtag span.psnCnt { color: #fff; background:#0464cb; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.tophashtag span.fcltse { color:#0464cb; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm { margin-bottom:30px; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm strong { display:none; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm .nm { width:100%; font-size: 30px; line-height: 150%; padding: 25px 0 20px; font-weight: 600; color: #333; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm .dc { width:100%; padding: 20px 0; border: 1px solid #e8e8e8; border-width: 1px 0; font-size: 16px; }

 @media only screen and (max-width: 990px){
 .subCon .rsrvRoomInfoDIV .roomImg { width:100%; height: 300px; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL { width:100%; padding-left: 0; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm { margin-bottom:15px; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm .nm { font-size:20px; padding-bottom: 15px; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li.roomNm .dc { border-top:none; padding-top: 0; font-size: 15px; }
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li strong,
 .subCon .rsrvRoomInfoDIV .roomInfoTBL.usrpage ul li p { font-size:16px; padding-bottom: 0; }
 }



/* 예약 캘린더 */
.rsrvCalTBL { width:100%; float:left; margin-bottom:50px; }
.rsrvCalTBL table { table-layout:fixed; }
.rsrvCalTBL table thead th { border:1px solid #e0e0e0; border-width:1px 0; padding:20px 5px 21px; font-size:16.5px; font-weight:600; background:#f8f8f8; word-break:keep-all; word-wrap:break-word; }
.rsrvCalTBL table tbody td { vertical-align:top; padding:50px 5px 30px 8px; border-bottom:1px solid #e5e5e5; border-right:1px solid #f3f3f3; word-break:keep-all; word-wrap:break-word; font-size:15px; text-align:center; height:100px; position:relative; }
.rsrvCalTBL table tbody td:last-child { border-right:0; }
.rsrvCalTBL table tbody td span { font-size:17.5px; font-weight:600; display:inline-block; position:absolute; top:15px; left:50%; transform:translateX(-50%); }
.rsrvCalTBL table tbody td.dd_xx { opacity:0.8; }
.rsrvCalTBL table tbody td.dd_xx span { opacity:0.4; }
.rsrvCalTBL table tbody td.today span { border-radius:100%; width:30px; height:30px; box-sizing:border-box; line-height:30px; text-align:center; background:#ececec; top:9px; }

.rsrvCalTBL table tbody td .rsrvbtn_state { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; padding:8px 8px; position:relative; color:#000; font-size:14px; font-weight:600; /* min-height:32px; */box-sizing:border-box; line-height:120%; border:1px solid #c6c6c6; border-radius:10px; margin-bottom:5px; }
.rsrvCalTBL table tbody td .rsrvbtn_state:empty { display:none; }
.rsrvCalTBL table tbody td .rs_open { }
.rsrvCalTBL table tbody td .rs_soldout { background:#f9f9f9; border-color:#ddd; color:#838383; font-weight:400; opacity: 0.8; }

 /*월간 시설예약관리 _ 기민*/
 .rsrvCalTBL.rntlCalTBL table tbody td .rsrvbtn_state { float: left; clear: both; text-align: left; word-break: keep-all; word-wrap: break-word; max-width: 100%; }
 .rsrvCalTBL.rntlCalTBL table tbody td .rsrvbtn_state:hover { text-decoration:underline; }
 .rntlCalTBL .rsrvbtn_state:before { display:none; }

 @media only screen and (min-width:991px){
 .rsrvRoomInfoDIV .roomImg img { /* width:100%; *//* position:absolute; *//* left:50%; *//* top:50%; *//* transform:translate(-50%, -50%); *//* max-height:none !important; */ }
 #fcltRsvtWarp .rsrvCalTBL table tbody td .rsrvbtn_state { min-width:133px; text-align: left; }
 }
 @media only screen and (max-width:990px){
 .rsrvRoomInfoDIV .roomImg { width:100%; height:200px; margin-right:0; margin-bottom:15px; }
 .rsrvRoomInfoDIV .roomInfoTBL { width:100%; }

 .rsrvRoomInfoDIV .roomInfoTBL table th { width:30%; padding-top:15px; line-height:120%; }
 .rsrvRoomInfoDIV .roomInfoTBL table td { width:70%; padding:15px 15px !important; border:1px solid #e5e5e5; border-width:1px 0 0; }

 .rsrvSchdul_topSelect .guideDiv { margin-top:10px; }
 .rsrvCalTBL table tbody td .rsrvbtn_state { font-size: 11px; padding:5px; border-radius: 5px; }
 .rsrvCalTBL table tbody td .rsrvbtn_state:before { margin-right:3px; }

 .rsrvCalTBL.rntlCalTBL table tbody td .rsrvbtn_state { width:100%; padding: 2px 3px 0; -webkit-line-clamp: 2; -webkit-box-orient:vertical; display:-webkit-box; white-space:normal; overflow: hidden; }
 }







/* 예약 달력 + 예약현황 */
.rsrv2Block { width:100%; margin-bottom:30px; float:left; }
.rsrv2Block .leftCalendar { width:35%; float:left; background:#f5f5f5; padding:30px 30px; box-sizing:border-box; }
.rsrv2Block .leftCalendar .rs_open { border-bottom-color: rgba(255,255,255, 0.6); }
.rsrv2Block .leftCalendar .rs_open:before { background:#dadee0; border-radius:0; width:12px; height:12px; }
.rsrv2Block .rightRsrvCurrent { width:65%; float:left; padding-left:30px; box-sizing:border-box; }
.rsrv2Block .rightRsrvCurrent .rs_soldout { color:#e60000; font-weight:600; }

.rsrv2Block .rightRsrvCurrent table td input[type="text"]:read-only { background:#ececec; }

    /*금일오픈내역 공지안내*/
    .openNotice {font-family: 'Noto Sans KR';font-size: 15px;padding: 20px 30px;margin-bottom: 10px;}
    .openNotice:empty {display:none;}
    .openNotice b {font-size: 1.1em; width: 100%; clear: both; margin-top: 5px;}
    @media only screen and (min-width:900px){
        .openNotice {width:35%;}
        .openNotice:not(:empty) ~ .rsrv2Block .rightRsrvCurrent {margin-top: -49px;}
    }
    @media only screen and (min-width:901px) and (max-width:1277px){
        .openNotice:not(:empty) ~ .rsrv2Block .rightRsrvCurrent { margin-top: -90px;}
        .openNotice ~ .rsrv2Block .rightRsrvCurrent > form .mb10.fl.txt-l {text-align: right !important;width: 100%;}
    }
    @media only screen and (max-width:799px){
        .openNotice ~ .rsrv2Block .rightRsrvCurrent > form .mb10.fl.txt-l {text-align: right !important;width: 100%;}
    }


.calendarDIV { width:100%; clear:both; }
.calendarDIV table { margin-bottom:10px; }
.calendarDIV table thead { }
.calendarDIV table thead th { padding:5px 0 17px; border-bottom:2px solid #ccc; }
.calendarDIV table tbody td { text-align:center; font-size:14.5px; padding:10px 5px; border-bottom:1px solid #ddd; }
.calendarDIV table tbody td a { width:100%; display:block; }
.calendarDIV table tbody td a:hover { font-weight:600; text-decoration:underline; }
.calendarDIV table tbody td.rs_open { background:#dadee0; }
.calendarDIV table tbody td.dd_xx { opacity:0.4; }
.calendarDIV table tbody td.sun a { color:#c20000; font-weight:600; }
.calendarDIV table tbody td.sat a { color:#0b8ad0; font-weight:600; }
.calendarDIV table tbody td.today { background:#248fca; font-weight:600; }
.calendarDIV table tbody td.today a { color:#fff; }

.rightRsrvCurrent .rsrvSrchBox { width:100%; border:1px solid #dbdbdb; box-sizing:border-box; padding:20px; margin-bottom:25px; text-align:center; }
.rightRsrvCurrent .rsrvSrchBox>div { width:25%; display:inline-block; vertical-align:middle; }
.rightRsrvCurrent .rsrvSrchBox>div label { font-weight:600; display:inline-block; float:left; line-height:40px; width:60px; }
.rightRsrvCurrent .rsrvSrchBox>div label:after { content:":"; }
.rightRsrvCurrent .rsrvSrchBox>div input[type="text"] { width:calc(100% - 65px) !important; float:left; }
.rightRsrvCurrent .rsrvSrchBox>span { line-height:40px; width:5%; text-align:center; }
.rightRsrvCurrent .rsrvSrchBox>select { width:20%; display:inline-block; vertical-align:middle; }
.rightRsrvCurrent .rsrvSrchBox>button { }

.rightRsrvCurrent table td:only-child { font-weight:600; font-size: 16px; padding: 30px 5px; }
.rightRsrvCurrent table td .imgbox { width:100%; height:50px; overflow:hidden; position:relative; }
.rightRsrvCurrent table td .imgbox img { max-width:100%; max-height:100%; }
.rightRsrvCurrent table td>select option:disabled { background: #727272; font-weight: 400; color: #fff; }

 @media only screen and (max-width:899px){
 .rsrv2Block .leftCalendar { width:100%; float:left; }
 .rsrv2Block .rightRsrvCurrent { width:100%; float:left; padding-left:0; margin-top:20px; }

 .rightRsrvCurrent .rsrvSrchBox>div,
 .rightRsrvCurrent .rsrvSrchBox>select { width:100%; margin-bottom:8px; }
 .rightRsrvCurrent .rsrvSrchBox>span { display:none; }
 }




















/* 사용자단 - user */
.subCon .rsrvSchdul_topSelect { float: left; margin-top: 20px; width:100%; }
.subCon .leftCalendar .rsrvSchdul_topSelect { margin-top:0; }
.subCon .rsrvPInfo .basic, .subCon .rsrvPInfo .basic-table,
.subCon .rsrvRoomInfoDIV .roomInfoTBL table { border-top:none; }
.subCon .rsrvRoomInfoDIV .roomInfoTBL table tr:first-child th,
.subCon .rsrvRoomInfoDIV .roomInfoTBL table tr:first-child td,
.subCon .rsrvPInfo .basic tbody tr:first-child th,
.subCon .rsrvPInfo .basic tbody tr:first-child td,
.subCon .rightRsrvCurrent .basic-table thead tr:first-child th { border-top: 1px solid #353541; }
.subCon .rightRsrvCurrent .basic-table thead tr:first-child th:not(:first-child) { border-left: 1px solid #e7e7e7; }
.subCon .rsrvRoomInfoDIV .roomInfoTBL table th,
.subCon .rsrvPInfo .basic tbody tr th,
.subCon .rightRsrvCurrent .basic-table thead tr th { background: #f5f5f5; color: #000; font-size: 16px; word-wrap: break-word; }
.subCon .rsrvRoomInfoDIV .roomInfoTBL table td,
.subCon .rsrvPInfo .basic tbody tr td,
.subCon .rightRsrvCurrent .basic-table tbody tr td { color: #454545; }

.subCon .rsrvCalTBL table thead th { background: #f5f5f5; color: #000; font-size: 16px; border: 1px solid #e7e7e7; border-top: 1px solid #353541; border-width:1px 0; }
.subCon .rsrvCalTBL table tbody tr td:first-child span { color: #1436a8; }
.subCon .rsrvCalTBL table tbody tr td:last-child span { color: #c70a0a; }

.rsrvRmRuleWrap.tbwrap .txt_box01 table tr td { padding-top:10px; }
.rsrvRmRuleWrap.tbwrap .txt_box01 table tr:last-child td { padding-bottom:10px; }

 @media only screen and (max-width:899px){
 .wzAdmSTit { margin-top:30px; box-sizing: border-box; }
 .subCon .rsrvPInfo .basic colgroup { display:none; }
 .subCon .rsrvPInfo .basic tbody tr { display: block; width: 100%; float: left; clear: both; }
 .subCon .rsrvPInfo .basic tbody tr th { width: 20%; float: left; box-sizing: border-box; clear: both; min-height: 70px; }
 .subCon .rsrvPInfo .basic tbody tr td { width: 80%; float: left; box-sizing: border-box; }

 .subCon .rsrvPInfo .basic tbody tr:first-child th ~ th { border-top: 1px solid #e6e5e5; }
 .subCon .rsrvPInfo .basic tbody tr:first-child td:last-child { border-top: 1px solid #e6e5e5; }
 .subCon .rsrvPInfo .basic tbody tr:first-child td:first-of-type { border-top-color:#333; }

 .rsrvRmRuleWrap.tbwrap .txt_box01 table tr td label { display: inline-block; text-indent: -26px; padding-left: 30px; word-wrap: break-word; font-size: 15.5px; }
 .rsrvRmRuleWrap ~ .ctr-box { margin-top:30px; }
 }



/* 문화예술공연_좌석관리 */
div.seatWrap { box-sizing: border-box; display: inline-block; background: #f5f5f5; border: 1px solid #e6e5e5; }
div.seatWrap .seat_boxInfo { text-align: right; }
div.seatWrap .seat_boxInfo>span { float: left; padding: 12px 5px; line-height: 7px; }
div.seatWrap .seat_boxInfo .selectInfo span { font-size: 14px; padding: 12px 5px; line-height: 7px; display: inline-block; text-align: center; font-weight: 600; cursor: default; border-radius: 3px; }
div.seatWrap .seat_boxInfo .selectInfo span:before { content: ""; width: 9px; height: 9px; display: inline-block; border-radius: 100%; margin-right: 5px; vertical-align: middle; margin-top: -2px; }
div.seatWrap .seat_boxInfo .selectInfo span.seat_ps:before { background: #fff; border: 1px solid #a3a3a3; box-sizing: border-box; }
div.seatWrap .seat_boxInfo .selectInfo span.seat_nps:before { background: #727272; }
div.seatWrap .seat_box { width: 100%; text-align: center; padding: 30px 20px; box-sizing: border-box; display: inline-block; }
div.seatWrap .seat_box .basic.seat { border: none!important; box-sizing: border-box; display: inline-flex; overflow-x: auto; margin: 0 auto; width: auto; max-width: 100%; padding-bottom: 10px; }
div.seatWrap .seat_box .basic.seat tbody tr th { background:none; border:none; width: auto; text-align: center; padding: 14px 16px; white-space: nowrap; }
div.seatWrap .seat_box .basic.seat tbody tr td { border:none; background:none; padding: 0px 3px; text-align: center; }
div.seat_box .seat input[type="checkbox"] { display: none; }
div.seat_box .seat input[type="checkbox"] + label { padding: 10px; border: 1px solid #a9a9a9; font-size: 14px; transition:all .3s; border-radius: 10px; background: #fff; box-sizing: border-box; font-weight: 600; }
div.seat_box .seat input[type="checkbox"] + label:hover { cursor: pointer; }
div.seat_box .seat input[type="checkbox"]:checked + label { background: #16a6fd; color: #fff; }
div.seat_box .seat input[type="checkbox"]:disabled + label { background: #727272; font-weight: 400; color: #fff; }



/*문화예술공연_상세페이지*/
.detailPage { width:100%; margin-top: 5px; float: left; }
.detailPage .dtl2blockBox { width:100%; }
.detailPage .dtlwideBox { width:100%; clear: both; padding-top: 60px; }

.detailPage .dtl2blockBox .thumBox { width:46%; float:left; border-radius: 20px; overflow:hidden; float: left; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; }
.detailPage .dtl2blockBox .thumBox img {width: 100%;min-height: 100%;display:block;}

.detailPage .dtl2blockBox .infoBox { width:54%; padding-left: 60px; box-sizing: border-box; float: left; }
.detailPage .tophash { padding: 20px 0 25px; }
.detailPage .tophash li { margin-right: 8px; padding: 5px 19px 3px; box-sizing:border-box; list-style:none; border-radius: 30px; display: inline-block; font-size: 14px; font-weight: 600; }
.detailPage .tophash li.ongoing { border: 1px solid #0563c5; background:#0563c5; color:#fff; }
.detailPage .tophash li.ongoingPlus { background:#3b3686; color:#fff; }
.detailPage .tophash li.onoff,
.detailPage .tophash li.comefrst { border:1px solid #0563c5; color:#0563c5; background:#fff; }

.detailPage .dtTit { font-size: 30px; line-height: 140%; margin-bottom:30px; width: 100%; display: block; letter-spacing: 0.5px; }
.detailPage .info_date { padding:20px 0; border:1px solid #e8e8e8; border-width:1px 0; margin-bottom:30px; }
.detailPage .info_date li { width:100%; list-style:none; margin-top: -3px; }
.detailPage .info_date li strong { font-size: 15px; font-weight:600; margin-right:25px; color: #545454; min-width: 57px; display: inline-block; }
.detailPage .info_date li span { font-size: 14.5px; color:#686868; }

.detailPage .info_evnt { width:100%; margin-bottom:30px; padding: 0; }
.detailPage .info_evnt li { margin-bottom:5px; list-style: none; position: relative; padding-left: 13px; }
.detailPage .info_evnt li strong { font-size: 17px; color: #575757; display: inline-block; }
.detailPage .info_evnt li strong:before { content:""; width:6px; height:6px; display:inline-block; border-radius:100%; background:#5e5e5e; vertical-align: middle; position: absolute; left: 0; top: 8px; }
.detailPage .info_evnt li span { font-size: 16.5px; color:#474747; padding-top: 0; }

.detailPage .info_file { border:1px solid #bebebe; width:100%; padding:20px 15px; box-sizing:border-box; border-radius: 15px; float: left; }
.detailPage .info_file strong { margin-right:25px; font-size: 14.5px; color: #545454; display: inline-block; width: 80px; }
.detailPage .info_file strong:before { content:url(/images/wzwg/cmm/ico-file.gif); margin-right: 7px; vertical-align: middle; display: inline-block; }
.detailPage .info_file>div { width: 100%; float: left; margin-top: -20px; padding-left: 100px; box-sizing: border-box; }
.detailPage .info_fil >ul { width: calc(100% - 100px); display: inline-block; padding-left: 0; }
.detailPage .info_file ul li { list-style: none; font-size: 14px; }
.detailPage .info_file ul li a { width: 95%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.detailPage .info_file ul li a:hover { text-decoration:underline; }
.detailPage .info_file ul.fileplus { }
.detailPage .info_file ul.fileplus li img { display: none; }
.detailPage .info_file ul.fileplus>span { display: block; margin-left: 0; }
.detailPage .info_file ul.fileplus span strong { width: 100%; }
.detailPage .info_file ul.fileplus span strong:before { display:none; }

.detailPage .dtlwideBox:first-child { padding-top:30px; }
.detailPage .dtl2blockBox + .dtlwideBox .info_evnt li strong { width:100%; margin-bottom: 10px; }
.detailPage .dtl2blockBox + .dtlwideBox .info_evnt li>strong+span { width:100%; display: block; box-sizing: border-box; padding: 0 0 60px 0; border-bottom: 1px solid #e8e8e8; }
.detailPage .dtlwideBox:first-child .info_file { margin-bottom: 30px; }

@media only screen and (max-width:899px){
 .detailPage .dtl2blockBox .thumBox {width: 100%;border: none;text-align: center;}
 .detailPage .dtl2blockBox .infoBox { width:100%; padding-left: 0; }
 .detailPage .dtTit { font-size:23px; }
 .detailPage .dtl2blockBox .thumBox img {width: auto;max-width: 100%;max-height: 65vh;border: 1px solid rgba(0,0,0,0.1);margin: 0 auto;border-radius: 20px;}
 }





/* 2024-11-25 교육복지센터 요청사항 */
.add_gew_rsvt .rsrvSchdul_topSelect>select {float:right; background-position:right 10px center; background-size:14px 7px !important;}
.add_gew_rsvt .rsrvRoomInfoDIV .roomImg {height:250px;}
.add_gew_rsvt .rsrvRoomInfoDIV .roomImg img {max-height:100% !important;}





/* 2025-05-07 수덕원 요청사항 */
.res_info_wrap {display:flex; flex-direction:column; gap:20px; padding:35px 55px; border-top:2px solid #58626e; border-bottom:1px solid #e8e8e8; box-sizing:border-box;}
.res_info_wrap * {box-sizing:border-box;}
.res_info_wrap .num_tit {display:block !important;}
.res_info_wrap .num_tit + * {margin-top:5px;}
.res_info_wrap .annot {display:block; font-size:16px;}
.res_info_wrap .line_box {border:1px solid #ccc; border-radius:15px;}
.res_info_wrap .num_list {list-style:decimal !important; margin:30px !important;}
.res_info_wrap .num_list > li::marker {font-weight:600;}
.res_info_wrap .num_list > li {font-size:17px;}
.res_info_wrap .num_list > li + li {margin-top:15px;}
.res_info_wrap .num_list > li.red {text-indent: -10px;}
.res_info_wrap .num_list > li.red::marker {display: none !important; list-style: none !important; color: #fff; width: 0; font-size: 0;}
.res_info_wrap .num_list > li.red:before {content:"*";font-size: 26px;display: inline-block;vertical-align: middle;margin-right: 8px;margin-top: 7px;}
.res_info_wrap .txt_list {padding-left:0 !important;}
.res_info_wrap .txt_list > li {list-style:none !important; position:relative; font-size:16px; padding-left:15px;}
.res_info_wrap .txt_list > li:before {position:absolute; top:9px; left:0; content:''; width:6px; height:6px; background-color:#316f41; border-radius:50%;}
.res_info_wrap .txt_list > li + li {margin-top:8px;}
.res_info_wrap .tit_01 {font-size:20px; font-weight:600; line-height:1.3em;}
.res_info_wrap .txt_01 {font-size:16.5px; line-height:1.6em;}
.res_info_wrap .txt_01 u {font-weight:600; text-underline-offset:5px;}

@media only screen and (max-width:990px){
    .res_info_wrap {padding:30px 10px;}
    .res_info_wrap .num_list {margin:20px 15px !important;}
}






/* 행사예약 팝업 */
.wzpopup .tbl_type01 th {background:#f5f5f5;font-size:16px;border:1px solid #e7e7e7;padding: 15px 0;}
.wzpopup .tbl_type01 td {text-align: left !important;padding:15px 20px;border-bottom: 1px solid #e7e7e7;}

/* 행사예약 팝업 - 회원인증 */
.wzpopup .sbscrbBox.searchPw { }
.wzpopup h4.fs40 {position:relative; padding-top: 6px; padding-left: 28px; padding-bottom: 15px; line-height: 30px; font-size:24px; font-weight:600; text-align: left !important; }
.wzpopup h4.fs40:before {content:""; position:absolute; top: 10px; left:0; display:block; width:20px; height:20px; background:url('/images/gewMainBullet.png') no-repeat; }
.wzpopup h5.fs30 {position:relative;padding-left: 15px;font-size: 18px;margin-top: 10px;}
.wzpopup h5.fs30:before {content:""; width: 6px; height: 6px; border-radius: 50%; background-color: #3b3786; position: absolute; top: 5px; left: 2px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable colgroup { display:none; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable tr { display: flex; background: #f9f9f9; border: 1px solid #ccc; padding: 20px 30px; box-sizing: border-box; align-items: center; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable th { margin-right: 50px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable td { width: 70%; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18 { margin-top: 20px; padding-left: 55px; position: relative; font-size: 16.5px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18:before { position: absolute; content: '!'; display: inline-block; width: 18px; height: 18px; line-height: 20px; background-color: #3b3786; font-size: 12px; color: #fff; text-align: center; border-radius: 50%; box-sizing: border-box; left: 30px; top: -1px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18 + .red { margin-top: 10px; font-size: 15px; padding-left: 54px; color: #838383; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18 + .red + .red { margin: 5px 0 40px; font-size: 15px; padding-left: 54px; color: #838383; }

.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child { width: 100%; background: #f9f9f9; padding: 30px; box-sizing: border-box; border: 2px solid #eff2f7; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn { width: 100%; display: flex; justify-content: center; gap: 20px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li { text-align: center; padding: 0 20px; max-width: 25%; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li a img { max-width: 100px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li a .fs16 { font-weight: 600; font-size: 18px; margin-top: 15px !important; display: block; letter-spacing: 1px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li:not(:last-child) a .fw600 { font-weight: 400; color: #5b5b5b; display: block; margin-top: -11px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li:last-child { padding: 0 5px; }
.wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li:last-child a .fw600 { margin-top: -17px; display: block; font-size: 18px; letter-spacing: 1px; }

    @media (max-width: 899px){
        .wzpopup h4.fs40 {font-size:19px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18 {padding-left: 30px;font-size: 15px;line-height: 140%;word-break: keep-all;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18:before {left: 5px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18 + .red {padding-left: 15px;font-size: 14px;word-break: keep-all;line-height: 140%;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:first-child table.sbscrbTable + p.txt.mt50.fs18 + .red + .red {padding-left: 15px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn {flex-direction: column; gap: 0; align-items: center;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li {width: 100%; max-width: 100%; padding: 0; margin-bottom: 15px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li a {display: flex;width: 100%;height: 60px;flex-direction: column;align-items: flex-start;position: relative;padding-left: 75px;box-sizing: border-box;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li a img { width: 60px !important; position: absolute; left: 0;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li a .fs16 {margin-top: 10px !important;font-size: 17px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li:not(:last-child) a .fw600 {margin-top: 8px; font-size: 15px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li:last-child a .fw600 {margin-top: 15px;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li a br {display:none;}
        .wzpopup .sbscrbBox.searchPw .sbscrbLoginbox .textBox:last-child ul.typeBtn li:last-child {margin-bottom:0;}
    }