/* % */
.input_w5 { width:5% !important; }
.input_w7_5 { width:7.5% !important; }
.input_w10 { width:10% !important; }
.input_w15 { width:15% !important; }
.input_w20 { width:20% !important; }
.input_w25 { width:25% !important; }
.input_w30 { width:30% !important; }
.input_w35 { width:35% !important; }
.input_w40 { width:40% !important; }
.input_w45 { width:45% !important; }
.input_w50 { width:50% !important; }
.input_w55 { width:55% !important; }
.input_w60 { width:60% !important; }
.input_w65 { width:65% !important; }
.input_w70 { width:70% !important; }
.input_w75 { width:75% !important; }
.input_w80 { width:80% !important; }
.input_w85 { width:85% !important; }
.input_w90 { width:90% !important; }
.input_w95 { width:95% !important; }
.input_w100 { width:100% !important; }

.chk_lb.oneday {display:flex; align-items:center;}

/* 상단 검색조건 */
.bbs_srch { padding: 1.6rem 1.5rem; background: #f3f7fa; border-radius: 1rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; }
.bbs_srch .selBox { display: flex; flex-wrap: wrap; gap: 0.5rem; }
select { display: inline-flex; align-items: center; height: 2.35rem; border: 1px solid #b9bec7; border-radius: 0.25rem; color: #333333; padding: 0 1.5rem 0 0.75rem; min-width: 4.85rem;  appearance: none; appearance: none; appearance: none; background: #fff url('/gise/00_common/images/con_com/selArrow.png')no-repeat right 0.85rem center;  }
select.w_typeB { min-width: 5.35rem; }
select.w_typeC { min-width: 6.35rem; }
.srchBox { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.srchBox input[type="text"] { display: inline-flex; height: 2.35rem; border: 1px solid #b9bec7; border-radius: 0.25rem; color: #333; padding: 0 1rem; min-width: 13.35rem; }
.searchBtn { display: inline-flex; align-items: center; justify-content: center; border-radius: 1.5rem; background: #007dda; width: 5.35rem; height: 2.35rem; color: #fff; font-weight: 500; font-size: 0.9rem; gap: 0.25rem; }
.bbs_srch .dateWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.bbs_srch .dateWrap .dateBox { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.bbs_srch .dateWrap input { height: 2.35rem; border: 1px solid #b9bec7; border-radius: 0.25rem; color: #333333; padding: 0 0.5rem; min-width: 9rem; }
.bbs_srch.flex-end {justify-content:flex-end;}
/* 페이징 - 스킨A */
.bbs_pagerA { margin:1.5rem 0; text-align:center; line-height:0; font-size:0; }
.bbs_pagerA a, .bbs_pagerA span, .bbs_pagerA strong { display:inline-block; margin:0 2px; border-radius:1rem; vertical-align:middle; }
.bbs_pagerA div { display:inline-block; margin:0 0.25rem; }
.bbs_pagerA .bbs_arr { width:1.9rem; height:1.9rem; line-height:1.9rem; text-indent:-10000em; border:1px solid #bfbfbf; transition:all 0.3s ease; transition:all 0.3s ease; transition:all 0.3s ease; transition:all 0.3s ease; }
.bbs_pagerA .bbs_arr:hover, .bbs_pagerA .bbs_arr:focus { background-color:#f7f7f7; border-color:#b1b1b1; }
.bbs_pagerA .bbs_arr.pgeL1:hover, .bbs_pagerA .bbs_arr.pgeL1:focus, .bbs_pagerA .bbs_arr.pgeL2:hover, .bbs_pagerA .bbs_arr.pgeL2:focus { background-position:-3px center; }
.bbs_pagerA .bbs_arr.pgeR1:hover, .bbs_pagerA .bbs_arr.pgeR1:focus, .bbs_pagerA .bbs_arr.pgeR2:hover, .bbs_pagerA .bbs_arr.pgeR2:focus { background-position:3px center; }
.bbs_pagerA .pgeL1 { background:url('/gise/00_common/images/board//bbs_PAarrL1.png') no-repeat center; }
.bbs_pagerA .pgeL2 { background:url('/gise/00_common/images/board//bbs_PAarrL2.png') no-repeat center; }
.bbs_pagerA .pgeR1 { background:url('/gise/00_common/images/board//bbs_PAarrR1.png') no-repeat center; }
.bbs_pagerA .pgeR2 { background:url('/gise/00_common/images/board//bbs_PAarrR2.png') no-repeat center; }
.bbs_pagerA .bbs_pge_num { min-width:2rem; height:2rem; line-height:2rem; font-size:0.8rem; color: #666; }
.bbs_pagerA .bbs_pge_num.now { background: #00589d !important; color: #fff !important; font-weight: bold !important; }
.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus { color:#111111; background:#f6f6f6; font-weight: bold; }
.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus { color:#fff; font-weight:400; background:#3e4e6f; } /* color */
.bbs_pagerA .w_paging { display:inline-block; }
.bbs_pagerA .m_paging { display:none; }

/* 게시판 테이블 페이지 및 선택 조건 */
.topInfo { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 0.5rem; }
.topInfo + .tbl_st { margin-top: 1rem; }
.bbs_srch + .topInfo,
.bbs_srch + .pageinfo { margin-top: 1rem; }
.pageinfo { display: flex; align-items: center; flex-wrap: wrap; color: #333333; }
.pageinfo strong { color: #007dda; font-weight: bold; margin-left: 0.4rem; }
.pageinfo > p { display: inline-flex; align-items: center; }
.pageinfo > p.pge_num { position: relative; padding-left: 0.6rem; margin-left: 0.6rem; }
.pageinfo > p.pge_num::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 1px; background: #dddddd; }
.viewTab { display: flex; align-items: center; }
.viewTab li { color: #777777; font-weight: 500; position: relative; }
.viewTab li + li { padding-left: 0.65rem; margin-left: 0.55rem; }
.viewTab li + li::before { position: absolute; content: ""; width: 1px; height: 0.7rem; left: 0; top: 0.125rem; background: #dddddd; }
.viewTab li a { display: block; position: relative; transition: 0.2s; }
.viewTab li a::before { position: absolute; content: "\eb79"; left: 0; top: 0; font-family: 'remixicon'; font-size: 0.9rem; font-weight: 400; transition: 0.2s; opacity: 0; visibility: hidden; }
.viewTab li.checked a { font-weight: bold; padding-left: 1.15rem; color: #333; }
.viewTab li.checked a::before { opacity: 1; visibility: visible; }

/* 게시판 테이블 */
.bbs_ListA table th,
.bbs_ListA table td { border-left: none !important; border-right: none !important; }
.bbs_ListA table td { padding: 1.25rem 0.5rem !important; }
.bbs_ListA .btns { margin: 0; display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; justify-content: center; }
.bbs_ListA .btns a { display: inline-flex; align-items: center; justify-content: center; min-width: 3.65rem; height: 2rem; border-radius: 1.5rem; color: #333333; font-weight: 500; margin: 0 !important; border: 1px solid transparent; padding: 0 0.75rem; }
.bbs_ListA .btns a.btn_Info,
.bbs_ListA .btns a.btn_upadte { background: #fff; border-color:  #dddddd; }
.bbs_ListA .btns a.btn_delete { background: #f05959; border-color: #f05959; color: #fff; }
.bbs_ListA .btns a.btn_calndr { background: #00b9d6; border-color: #00b9d6; color: #fff; }
.bbs_ListA .btns a.btn_infoDel { background: #777777; border-color: #777777; color: #fff; }

/* 게시판 테이블 B 타입 */
.bbs_ListB table th,
.bbs_ListB table td { border-left: none !important; border-right: none !important; }
.bbs_ListB table td { padding: 1.25rem 0.5rem !important; }
.bbs_ListB td .img { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; border-radius: 0.5rem; overflow: hidden; background: #e1e1e1; }

/* 게시판 하단 버튼 */
.bottom.btns { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: center; margin: 1.5rem 0 2rem 0 !important; }
.bottom.btns.ar { justify-content: end; }
.bottom.btns.al { justify-content: start; }
.bottom.btns a { display: inline-flex; align-items: center; justify-content: center; color: #fff; height: 2.35rem; padding: 0 0.75rem; font-size: 0.9rem; font-weight: 500; border-radius: 1.5rem; min-width: 8rem; border: 1px solid transparent; }
.btn_check,
.btn_insert { background: #007dda; }
.btn_lst { background: #fff; border-color: #bbbbbb !important; color: #333333 !important; }
.btn_cancle { background: #f05959; }
.btn_reserve { background-color: #Fff; color: #333333; border: 1px solid #dddddd; border-radius: 1.5rem; margin: 0 auto !important; max-width: none !important; display: inline-flex; align-items: center; justify-content: center; width: 5.5rem; font-weight: 500; transition: 0.2s; }
.btn_reserve:hover,
.btn_reserve:focus { color: #007dda; border-color: #007dda; }

/* 게시글 등록 테이블 */
.bbs_insert table th span.essential { position: relative; }
.bbs_insert table th span.essential > em { position: absolute; left: -0.5rem; top: -0.1rem; display: inline-flex; align-items: center; justify-content: center; line-height: 1; color: #dd0000; }
.bbs_insert .bottom a { min-width: 8rem !important; }
.bbs_insert table tbody td,
.bbs_insert table tbody th { padding:1rem; }
.bbs_insert table tbody td { text-align: start; }
.bbs_insert table tbody input[type="text"],
.bbs_insert table tbody input[type="date"],
.bbs_insert table tbody select { height: 1.9rem; }
.bbs_insert table tbody select { min-width: 10rem; }
.bbs_insert table .inputBox { display: flex; align-items: center; gap: 0.4rem; }
.bbs_insert table .dateWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.bbs_insert table .inData { width: 100%; position: relative; display: flex; flex-direction: column; gap: 0.5rem; }
.bbs_insert table .inData .box { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; min-height:1.9rem;}
.bbs_insert table .date-box { width: 100%; position: relative; display: flex; gap: 0.5rem; }
.bbs_insert table .date-box .box {position:relative; flex:1; display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.bbs_insert table .date-box .box [class^="btn_"] {width:auto;}  
.bbs_insert table .date-box select {padding-right:2rem;}
.bbs_insert table .inData + .date-box {margin-top:0.5rem;}

.bbs_insert table td [class^="btn_"] { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; border-radius: 1.5rem; color: #fff; padding: 0 0.75rem; height: 1.9rem; width: 6.5rem; font-weight: 500; }
.bbs_insert .btn_Add { background: #007dda; position: absolute; right: 0; top: 0; }
.bbs_insert .bottom { margin: 1.5rem 0; }
.bbs_insert .bottom.btns a { min-width: 8rem !important; }

/* 라디오 박스 커스텀 */
.rdoBox { display: flex; flex-wrap: wrap; gap: 0.5rem 2.5rem; align-items: center;}
input[type="radio"] { min-width: auto !important; padding: 0 !important; line-height: normal !important; appearance: none; appearance: none; appearance: none;  width: 1rem; height: 1rem !important; border: 1px solid #bbc0c8; border-radius: 50%; outline: none; cursor: pointer; margin-bottom: 0.05rem; border-radius: 50% !important; position: relative; background: #fff; margin: 0 !important; }
input[type="radio"] + label { color: #555555; margin: 0 0 0 0.4rem !important; }
input[type="radio"]::before { position: absolute; content: ""; border-radius: 50%; background: #0c60a2; width: 0.5rem; height: 0.5rem; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; }
input[type='radio']:checked { border-color:#0c60a2; }
input[type='radio']:checked::before { opacity: 1; }

/* 체크박스 커스텀 */
.chkBox {display:flex;}
.chkBox ul {display:flex; flex-wrap:wrap; gap:0.25rem;}
.chkBox label.chk_lb {position:relative; cursor:pointer; color:#333333; font-weight:500; display:flex; align-items:flex-start; line-height:1rem; margin:0 !important;}
.chkBox input[type="checkbox"] {position:absolute; left:0; top:0; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0, 0, 0, 0); clip-path:inset(50%); white-space:nowrap;}
.chkBox .custom_checkbox {flex:0 0 1rem; width:1rem; height:1rem; border:1px solid #dddddd; border-radius:0.2rem; display:inline-block; position:relative; cursor:pointer; margin-right:0.45rem; transition:background-color 0.3s, border-color 0.3s; background:#fff;}
.chkBox input[type="checkbox"]:checked + .custom_checkbox {background-color:#007dda; border-color:#007dda;}
.chkBox input[type="checkbox"]:checked + .custom_checkbox::after {content:'\eb7b'; position:absolute; left:50%; top:50%; color:#fff; transform:translate(-50%,-50%); font-family:'remixicon'; font-size:0.8rem;}
.chkBox input[type="checkbox"]:focus + .custom_checkbox {outline:2px solid #000; outline-offset:2px;}
.chkBox input[type="checkbox"]:focus:not(:focus-visible) + .custom_checkbox {outline:none;}
.chkBox .txt_lb {width:calc(100% - 1.45rem);}


/* 예약신청 버튼 커스텀 */
.cstBtn { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; margin: 1.5rem 0 0 0 !important; justify-content: center; }
td .cstBtn { margin: 0 !important; }
.cstBtn a { margin: 0 !important; height: 2.35rem; border: 1px solid #dddddd; background: #fff; color: #333333; font-weight: 500; border-radius: 1.5rem; display: inline-flex; align-items: center; justify-content: center; padding: 0 0.95rem; min-width: 8rem; font-size: 0.9rem; }
.cstBtn a.rsrvAppy { background: #007dda; border-color: #007dda; color: #fff; }
td .cstBtn a { height: 2rem; min-width: auto; font-size: 0.8rem; }

/* 공통 캘린더 */
.calWrap table tbody td,
.calWrap table tbody th { padding: 1.25rem 1rem; }
.calTit { position: relative; display: flex; justify-content: space-between; width: 100%; padding: 1.1rem 1.5rem; border-radius: 1rem; background: #f3f7fa; gap: 0.55rem; } 
[class^='box_st'] + .calTit { margin-top: 1.5rem; }
.calTit > button { display: inline-flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; border-radius: 50%; color: #333; border: 1px solid #333; }
.calTit > button i { font-size: 1.2rem; }
.calTit .calMonth { display: flex; align-items: center; flex: 1; justify-content: center; justify-content: space-between; }
.calTit .calMonth > span { color: #333333; font-size: 1.1rem; font-weight: bold; }
.calTit .calMonth .selMonth { display: flex; flex-wrap: wrap; }
.calTit .calMonth .selMonth select { background: transparent url('/gise/00_common/images/con_com/selArrow_02.png')no-repeat right center; border: none !important; font-size: 1.2rem; font-weight: bold; padding-right: 1.25rem !important; } 
.calMain { margin-top: 1rem; overflow: hidden; }
.calMain table { width: 100%; border-top: 2px solid #007dda; margin-left: -1px; }
.calMain table thead th { background: #e3f2fe; font-weight: 600; color: #333; padding: 1rem 0.5rem; border-bottom: 1px solid #b9bec7; border-left: 1px solid #dad8d9; }
.calMain table tbody td { padding: 0.7rem 0.8rem; line-height: 1.5; color: #333; border-bottom: 1px solid #dad8d9; border-left: 1px solid #dad8d9; vertical-align: top; height: 7rem; word-break: break-all; }
.calMain table tbody td span.date { display: block; color: #333333; margin-bottom: 0.5rem; line-height: 1; }
.calMain table tbody td .prgmTit { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; font-weight: 500; color: #dd0000;  overflow: hidden; text-overflow: ellipsis; }
.calMain table tbody td .prgmInfo { display: flex; flex-direction: column; gap: 0.4rem; margin: 0.5rem 0 0.85rem; }
.calMain table tbody td .prgmInfo li {display: flex; align-items: center; gap: 0.25rem; font-size: 0.7rem; color: #333333; }
.calMain table tbody td .prgmInfo li span { display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 0.25rem; font-weight: 500; width: 1.7rem; height: 1.1rem; }
.calMain table tbody td .prgmInfo li:nth-child(1) span { background: #007dda; }
.calMain table tbody td .prgmInfo li:nth-child(2) span { background: #dd0000; }
.calMain table tbody td .prgmInfo li:nth-child(3) span { background: #777777; }

/* 캘린더 조회 */
.calWrap.view table td.wait { font-weight: 600; color: #007dda; }
.calWrap.view table td.cancel { font-weight: 600; color: #dd0000; }
.calWrap.view table td.done { font-weight: 600; color: #333333; }

/* 예약 캘린더 */
.reserveCal table td.sun,
.reserveCal table td.sat { background-color: #f5f5f5; } 
.reserveCal table td > p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; overflow: hidden; line-height: 1.3rem; align-items: center; justify-content: start; border-radius: 0.25rem; height: 1.3rem; padding: 0 0.35rem; color: #333333; width: 100%; }
.reserveCal table td > p.full_data { display: block; overflow: inherit; line-height: 1.4; border-radius: 0.25rem; height: auto; padding: 0.5rem; color: #888; background:#f4f4f4; border:1px solid #ddd; width: 100%; font-size:0.75rem;}

.reserveCal table td > p.regist { display: block; overflow: inherit; line-height: 1.4; border-radius: 0.25rem; height: auto; padding: 0.5rem; color: #333; background:#d1f1ca; border:1px solid #ddd; width: 100%; font-size:0.7rem;}
.reserveCal table td > p.rent { display: block; overflow: inherit; line-height: 1.4; border-radius: 0.25rem; height: auto; padding: 0.5rem; color: #333; background:#cdf0fa; border:1px solid #ddd; width: 100%; font-size:0.7rem;}

.reserveCal table td > p + p { margin-top: 0.4rem; }
.reserveCal table td > p.end { background: #dddddd; }
.reserveCal table td > p.holiday { background: #ffebeb; color: #dd0000; }
.reserveCal table td > p.now { background: #d1f1ca; }
.reserveCal table td > p.possible { background: #cdf0fa; }
.reserveCal table td .btn_bl { width: 100%; margin: 2rem 0 0 0 !important; max-width: none !important; justify-content: center; height: 2rem; font-size: 0.9rem; }
.reserveCal .calDetail { display: block; margin-top: 1.5rem; }
.reserveCal .calDetail ul { display: flex; align-items: center; flex-wrap: wrap; width: 100%; justify-content: end; color: #333333; gap: 0.5rem 1rem; }
.reserveCal .calDetail ul li { position: relative; padding-left: 1.35rem; line-height: 1rem; }
.reserveCal .calDetail ul li::before { position: absolute; content: ""; width: 1rem; height: 1rem; border-radius: 0.25rem; left: 0; top: 0; }
.reserveCal .calDetail ul li:nth-child(1):before { background: #d1f1ca; }
.reserveCal .calDetail ul li:nth-child(2):before { background: #cdf0fa; }
.reserveCal .resrvOk { color: #007dda; font-weight: 500; }

/* 수덕원 예약신청 */
.reserveCal.typeB .resrvBox { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2.5rem; }
.reserveCal.typeB .resrvBox .lft { width: 35.5rem; }
.reserveCal.typeB .resrvBox .rgt { width: calc(100% - 37rem); margin-top: 1.1rem; }
.reserveCal.typeB .calDetail { margin: 0 !important; }
.reserveCal.typeB .calDetail ul li { line-height: 0.8rem !important; font-size: 0.75rem; padding-left: 0.8rem; }
.reserveCal.typeB .calDetail ul li::before { border-radius: 50% !important; width: 0.6rem !important; height: 0.6rem !important; top: 0.1rem; }
.reserveCal.typeB .calMain { margin-top: 0.3rem; }
.reserveCal.typeB .calMain table thead th { padding: 0.75rem 0.5rem; font-size: 0.75rem; font-weight: 500; }
.reserveCal.typeB .calMain table tbody td { position: relative; height: 4.5rem; padding: 0.5rem; font-size: 0.75rem;  z-index: 1; }
.reserveCal.typeB .calMain table tbody td.sat,
.reserveCal.typeB .calMain table tbody td.sun { background: #fff !important; }
.reserveCal.typeB .calMain table tbody td.noDate { background: #f5f5f5 !important; }
.reserveCal.typeB table td .btn_bl { height: 1.05rem; font-size: 0.75rem; padding: 0 0.5rem; margin: 0.5rem 0 0 0 !important; font-weight: 500 !important; }
.reserveCal.typeB table td > p { font-size: 0.7rem; height: 1.1rem; line-height: 1.1rem; padding: 0 0.25rem; }
.reserveCal.typeB .rgt .tbl_st { margin: 0 !important; }
.reserveCal.typeB .rgt .tbl_st table td { padding: 0.4rem 0.5rem !important; font-size: 0.75rem; border-color: #b9bec7 !important; line-height: 1; }
.reserveCal.typeB .rgt .tbl_st table th { padding: 0.75rem 0.5rem !important; font-size: 0.75rem; border-color: #b9bec7 !important; line-height: 1; }
.reserveCal.typeB .rgt .tbl_st table th { font-weight: 500; background: #e3f2fe; }
.reserveCal.typeB .rgt .tbl_st table td input { min-width: auto !important; width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: 0.7rem; }
.reserveCal.typeB .rgt .tbl_st table td .checkData { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem; font-weight: 600; font-size: 0.75rem; }
.reserveCal.typeB .rgt .tbl_st table td a.btn_bl { margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; width: auto; font-weight: 500; }
.reserveCal.typeB .rgt .psblCount { margin-top: 1rem; }
.reserveCal.typeB .rgt .psblCount > p { font-weight: 600; font-size: 0.75rem; color: #333333; margin-bottom: 0.4rem; }
.reserveCal.typeB [class^="box_st"].box_ico .ico { transform: none; top: 1.4rem; }
.reserveCal.typeB .infoLst { margin-top: 0.75rem; color: #333333; }
.reserveCal.typeB .infoLst > li { font-weight: bold; }
.reserveCal.typeB .infoLst > li + li { margin-top: 0.35rem; }
.reserveCal.typeB .infoLst > li > ul > li { font-weight: 400; }
.reserveCal.typeB .infoLst > li > ul { padding-left: 0.85rem; }
.reserveCal.typeB .box_st1 .bu_atte { margin-top: 0.5rem !important; }


/* 미래과학교육원 예약/조회 */
.reserveCal.typeC .calTit .calMonth {justify-content:center!important;}
.reserveCal.typeC .calMain table tbody td {height:4.75rem;}
.reserveCal.typeC .resrvBox { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 1.5rem; }
.reserveCal.typeC .resrvBox .lft { width: 35.5rem; }
.reserveCal.typeC .resrvBox .rgt { width: calc(100% - 37rem); margin-top: 0rem; }
.reserveCal.typeC table td > p { font-size: 0.7rem; height: 1.1rem; line-height: 1.1rem; padding: 0 0.25rem; }
.reserveCal.typeC .lft .calDetail { margin: 0.5rem 0 0!important; }
.reserveCal.typeC .lft .calDetail ul li::before {border-radius:50%;}
.reserveCal.typeC .lft .calDetail ul li.active:before {background:#dd0000;}
.reserveCal.typeC .lft .calDetail ul li.reser_ok:before {background:#005b9f;}
.reserveCal.typeC .lft .calDetail ul li.reser_no:before {background:#999999;}
.reserveCal.typeC .lft .calDetail ul li.reser_end:before {background:#C6CED8;}
.reserveCal.typeC .lft table td .btn_bl {font-size:0.75rem; padding:0; height:1.5rem; margin:0!important;}
.reserveCal.typeC .lft table td .active {background:#dd0000;}
.reserveCal.typeC .lft table td .btn_no {display:flex; align-items:center; border-radius: 2rem; background:#999; color:#ccc; width: 100%; margin:0; font-size: 0.75rem; padding: 0; height: 1.5rem; max-width: none !important; justify-content: center; margin-top:0.5rem;}
.reserveCal.typeC .lft table td .btn_end {display:flex; align-items:center; border-radius: 2rem; background:#C6CED8; color:#fff; width: 100%; margin:0; font-size: 0.75rem; padding: 0; height: 1.5rem; max-width: none !important; justify-content: center; margin-top:0.5rem;}
.reserveCal.typeC .rgt .calDetail { margin: 0 0 0.25rem!important; }
.reserveCal.typeC .rgt .calDetail ul li { line-height: 0.8rem !important; font-size: 0.75rem;}
.reserveCal.typeC .rgt .calDetail ul li::before {display:none;}
.reserveCal.typeC .rgt .tbl_st { margin: 0 !important; }
.reserveCal.typeC .rgt .tbl_st table td { padding: 0.4rem 0.5rem !important; font-size: 0.75rem; border-color: #b9bec7 !important; line-height: 1; }
.reserveCal.typeC .rgt .tbl_st table th { padding: 0.75rem 0.5rem !important; font-size: 0.75rem; border-color: #b9bec7 !important; line-height: 1; }
.reserveCal.typeC .rgt .tbl_st table th { font-weight: 500; background: #e3f2fe; }
.reserveCal.typeC .rgt .tbl_st table td input { min-width: auto !important; width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: 0.7rem; }
.reserveCal.typeC .rgt .tbl_st table td .checkData { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem; font-weight: 600; font-size: 0.75rem; }
.reserveCal.typeC .rgt .tbl_st table td a.btn_bl { margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; width: auto; font-weight: 500; }
.reserveCal.typeC .app-count {display:flex; align-items:center; margin-top:0.5rem; gap:0.25rem;}
.reserveCal.typeC .app-count strong {color:#000;}
.reserveCal.typeC .app-count p {color:#888; margin-left:0.5rem; position:relative;}
.reserveCal.typeC .app-count p:before {content:''; position:absolute; width:1px; height:0.5rem; background:#ccc; left:-0.35rem; top:50%; transform:translate(0%, -50%);}
.reserveCal.typeC .app-count p span {font-weight:700; color:#FF2A55;}
.reserveCal.typeC .box_st3 {border-radius:0.5rem; margin:0.5rem 0; padding:1rem;}
.reserveCal.typeC .box_st3 > .tbl_st table td {text-align:center;}
.reserveCal.typeC .box_st3 h3.tit1 {margin-top:1rem!important; font-size:0.95rem;}
.reserveCal.typeC .box_st3 .indent {padding-left:0.5rem;}
.reserveCal.typeC .box_st3 .list_ol1 > li {line-height:0.95rem;}
.reserveCal.typeC .box_st3 .list_ol1 > li > span.num {font-size:0.65rem; width:0.95rem; height:0.95rem; line-height:0.95rem;}


/* 프로그램 예약신청 */
.prgmRsrv table td .phoneWrap { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.prgmRsrv table td .phoneWrap .phoneBox { display: flex; align-items: center; gap: 0.35rem; }
.prgmRsrv table td .phoneWrap .phoneBox input { min-width: auto; width: 4rem; }
.prgmRsrv table td .phoneWrap > p { color: #777; }
.prgmRsrv table td .phoneWrap .phoneBox > em { display: inline-flex; align-items: center; justify-content: center; color: #5d5d5d; }
.prgmRsrv table td .bu_wnrn { margin-top: 0.7rem; }
.prgmRsrv table td .pplNum { display: flex; flex-wrap: wrap; }
.prgmRsrv table td .pplNum li { display: flex; flex-wrap: wrap; align-items: center; gap: 0.3rem; }
.prgmRsrv table td .pplNum li > span { font-weight: bold;  }
.prgmRsrv table td .pplNum li input { min-width: auto; width: 4rem; }
.prgmRsrv table td .pplNum li + li { margin-left: 0.65rem; padding-left: 0.65rem; position: relative; }
.prgmRsrv table td .pplNum li + li::before { position: absolute; content: ""; width: 1px; height: 0.7rem; left: 0; top: 0.6rem; background-color: #dddddd; }
.prgmRsrv .prvyBox { background: #f5f5f5; border-radius: 1rem; padding: 2rem; }
.prgmRsrv .prvyBox .bu_wnrn { margin-top: 1.5rem; background-position: left top; line-height: 0.95rem; }
.prgmRsrv .prvyBox .rdoBox { justify-content: center; margin-top: 1.5rem; }

.bbs_srch .srchBox button {gap:0.5rem;}
.BD_list .thumb img.sm {max-width:100%; max-height:5rem;}
.BD_list .ac > .chkBox {margin:0 auto; justify-content:center;}

/*** 반응형 ***/
@media screen and (max-width: 1640px) {
	/* 수덕원 예약신청 */
	.reserveCal.typeB .resrvBox .lft,
	.reserveCal.typeB .resrvBox .rgt { width: 100%; }
	.reserveCal.typeB .rgt .tbl_st table th,
	.reserveCal.typeB .rgt .tbl_st table td { padding: 1rem 0.75rem !important; }
	.reserveCal.typeB .rgt .psblCount .tbl_st table td a.btn_bl { width: 100%; height: 1.5rem; }
	
	.reserveCal.typeC .resrvBox .lft,
	.reserveCal.typeC .resrvBox .rgt { width: 100%; }
	.reserveCal.typeC .rgt .tbl_st table th,
	.reserveCal.typeC .rgt .tbl_st table td { padding: 1rem 0.75rem !important; }
	.reserveCal.typeC .lft table td .btn_end,
	.reserveCal.typeC .lft table td .btn_bl { width: 100%; height: 1.5rem; max-width:100%!important; }
}

@media screen and (max-width: 1440px) {
    /* 예약 캘린더 */
    .reserveCal table td .btn_bl { font-size: 0.8rem; height: 1.75rem; }
}

@media screen and (max-width: 950px) {
	/* 검색조건 */
	.bbs_srch { justify-content: start; }
	.srchBox {  width: 100%; }
	.srchBox input { min-width: auto; flex: 1; }
}

@media screen and (max-width: 900px) {
    /* 공통 캘린더 */
    .calMain table tbody tr td.noDate, 
    .calMain table thead,
	.calMain table colgroup { display: none !important; }
    .calMain { overflow-y: auto; height: 36rem; }
	.calMain table tbody tr { display: flex; flex-direction: column; align-items: start; justify-content: start; padding: 0 !important; border: none !important; }
	.calMain table tbody tr th,
	.calMain table tbody tr td { border: none !important; padding: 0 !important; }
	.calMain table tbody tr td { border-bottom: 1px solid #dad8d9 !important; width: 100%; padding: 0.75rem 0.55rem !important; height: auto !important; min-height: 4rem !important; }
    .calTit > button { width: 2rem; height: 2rem; }
    .calTit .calMonth .selMonth select { height: 2rem; min-width: auto; font-size: 1.1rem; background-size: 0.7rem; }
    .calTit .calMonth > span { font-size: 1rem; }

    /* 예약 캘린더 */
    .reserveCal table td .btn_bl { max-width: 5rem !important; margin: 1rem 0 0 0 !important; }
    .prgmRsrv table td .pplNum li .inputBox,
    .prgmRsrv table td .pplNum li input { flex: 1; }
    .prgmRsrv table td .bu_wnrn { margin-top: 0.45rem; }
}

@media screen and (max-width: 800px) {
    /* 페이징 - 스킨A */
	.bbs_pagerA .bbs_pge_num { display:none; min-width:32px; }
	.bbs_pagerA .bbs_pge_num.mActive{ display:inline-block; }
	.bbs_pagerA strong.bbs_pge_num, .bbs_pagerA strong.bbs_pge_num:hover, .bbs_pagerA strong.bbs_pge_num:focus { display:inline-block; min-width:32px; color:#3e4e6f; background:none; } /* color */
	.bbs_pagerA .bbs_pge_num:hover, .bbs_pagerA .bbs_pge_num:focus{ color:#3e4e6f; background:none; text-decoration:underline; } /* color */
	.bbs_pagerA div a.bbs_pge_num:last-child { display:inline-block; min-width:auto; padding-left:15px; background:url('/gise/00_common/images/board//bbs_pgeNum_mb.png') no-repeat 4px center; }
	.bbs_pagerA .w_paging { display:none; }
	.bbs_pagerA .m_paging { display:inline-block; }

	/* 게시판 테이블 */
	.bbs_ListA table thead,
	.bbs_ListA table colgroup { display: none !important; }
	.bbs_ListA table tbody tr { display: flex; flex-direction: column; align-items: start; justify-content: start; padding: 0.5rem; border-bottom: 1px solid #dad8d9; gap: 0.25rem; }
	.bbs_ListA table tbody tr th,
	.bbs_ListA table tbody tr td { border: none !important; padding: 0 !important; }
	.bbs_ListA table tbody tr td.Number { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #007dda; border-radius: 1.5rem; height: 1.5rem; padding: 0 0.5rem; min-width: 3rem; }
	.bbs_ListA table tbody tr td:not(td.Number, td.tblBtn, td.inImg) { padding-left: 1.5rem !important; position: relative; }
	.bbs_ListA table tbody tr td:not(td.Number, td.tblBtn, td.inImg)::before { position: absolute; content: ""; height: 1px; width: 0.25rem; background: #666; left: 0.75rem; top: 0.55rem; }
	.bbs_ListA .btns a[class^="btn_"] { min-width: fit-content; height: 1.75rem; }
	.bbs_ListA .btns { justify-content: start; }

	/* 게시글 등록 테이블 */
	.bbs_insert table colgroup { display: none !important; }
	.bbs_insert table tr { display: flex; width: 100%; flex-direction: column; }
	.bbs_insert table tr th,
	.bbs_insert table tr td { padding: 0.75rem 0.55rem; }
	.bbs_insert table tbody select,
	.bbs_insert table tbody input[type="text"]:not(.inData .box input) { width: 100% !important; min-width: auto !important; }
	.bbs_insert table tbody input[type="date"] { width: calc((100% - 1.5rem) / 2); min-width: auto; }
	.bbs_insert table .inData { gap: 0; padding-bottom: 2.15rem; }
	.bbs_insert table tbody .inData .box .input_w60 { width: auto !important; flex: 1; }
	.bbs_insert table .dateWrap > em { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; }
	.bbs_insert table td [class^="btn_"] { bottom: 0; left: 50%; transform: translateX(-50%); width: auto; right: auto; top: auto; }

	/* 게시판 하단 버튼 */
	.bottom.btns a { height: 2rem; font-size: 0.85rem; }
}

@media screen and (max-width: 768px) {
	/* 상단 검색조건 */
	.bbs_srch .dateWrap { width: 100%; gap: 0; }
	.bbs_srch .dateWrap input { width: 100% !important; min-width: auto !important; }
	.bbs_srch .dateWrap > em { display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; margin-top: 1.25rem; }
	.bbs_srch .dateWrap .dateBox { width: calc((100% - 1.5rem) / 2); }

    /* 프로그램 예약신청 */
    .prgmRsrv .prvyBox { padding: 1rem; }
    .prgmRsrv .prvyBox .bu_wnrn { margin-top: 1rem; }
    .prgmRsrv table td .pplNum { gap: 0.5rem; }
    .prgmRsrv table td .pplNum li { width: 100%; margin: 0 !important; padding: 0 !important; }
    .prgmRsrv table td .pplNum li::before { display: none !important; }

    /* 예약신청 버튼 커스텀 */
    .cstBtn { margin: 1rem 0 0 0 !important; }
    .cstBtn a { height: 2rem; font-size: 0.85rem; padding: 0 0.75rem; min-width: auto; }

	/* 공통 캘린더 */
	.calWrap table tbody td,
	.calWrap table tbody th { padding: 0.75rem 0.5rem; }
	
	.tbl_st table .inputBox input,
	.tbl_st table input[type="password"]  {width:100%!important;}
}


@media screen and (max-width: 480px) {
	/* 상단 검색조건 */
	.bbs_srch { padding: 1.35rem 1.25rem; }
	.bbs_srch .selBox { width: 100%; }
	select,
	.srchBox input[type="text"] { height: 2.15rem; padding: 0 0.75rem; min-width: auto; }
	select.w_typeC,
	select.w_typeB { min-width: auto; }
	.bbs_srch .selBox select { width: 100% !important; }
	select { padding-right: 1.5rem !important; background: #fff url('/gise/00_common/images/con_com/selArrow.png')no-repeat right 0.75rem center; background-size: 0.5rem; }
	.bbs_srch .dateWrap input { height: 2.15rem; }
	.searchBtn { width: 100%; height: 2rem; font-size: 0.8rem; line-height: 2rem; }
	.searchBtn i { font-size: 0.8rem; }

	/* 게시글 등록 테이블 */
	.bbs_insert table .dateWrap { justify-content: center; }
	.bbs_insert table tbody input[type="date"] { width: 100% !important; }
	.bbs_insert table tbody .inData .box .input_w60 { flex: none; width: 100% !important; }

	/* 게시판 하단 버튼 */
	.bottom.btns { margin: 1rem 0 1.5rem !important; }
	.bottom.btns a { min-width: auto !important; padding: 0 1rem; }

	/* 공통 캘린더 */
	.calTit { padding: 1rem; }
    .calTit > button { width: 1.85rem; height: 1.85rem; }
    .calTit .calMonth .selMonth select { height: 1.85rem; font-size: 1rem; }
    .calTit .calMonth > span { display: none; }
    .calTit .calMonth { justify-content: center; }

	/* 예약 캘린더 */
	.reserveCal .calDetail { margin-top: 1rem; }

	/* 수덕원 예약신청 */
	.reserveCal.typeB .rgt > .tbl_st colgroup { display: none !important; }
	.reserveCal.typeB .rgt > .tbl_st tbody,
	.reserveCal.typeB .rgt > .tbl_st tr { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; }
	.reserveCal.typeB .rgt .tbl_st table th, 
	.reserveCal.typeB .rgt .tbl_st table td { padding: 0.75rem 0.5rem !important; }
	
	.reserveCal.typeC .rgt > .tbl_st colgroup { display: none !important; }
	.reserveCal.typeC .rgt > .tbl_st tbody,
	.reserveCal.typeC .rgt > .tbl_st tr { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; }
	.reserveCal.typeC .rgt .tbl_st table th, 
	.reserveCal.typeC .rgt .tbl_st table td { padding: 0.75rem 0.5rem !important; }

}

@media screen and (max-width: 380px) {
	/* 상단 검색조건 */
	.bbs_srch { padding: 1.15rem 1rem; }
	select,
	.srchBox input[type="text"] { height: 2rem; padding: 0 0.75rem; }

	/* 공통 캘린더 */
	.calTit { padding: 1rem 0.75rem; border-radius: 0.5rem; }
    .calTit > button { width: 1.5rem; height: 1.5rem; }
    .calTit .calMonth .selMonth select { height: 1.5rem; font-size: 0.9rem; background-size: 0.6rem; padding: 0 0.5rem; padding-right: 1rem !important; }
    .calTit .calMonth > span { display: none; }
    .calTit .calMonth { justify-content: center; }
}