@charset "utf-8";

/* 통합예약 */
.join_box .join_sbox .program_reser {background: #fff url("/images/bbs/join_com1.png") no-repeat top 30px center;padding: 180px 10px 50px;}
.join_box .join_sbox .rental_reser {background: #fff url("/images/bbs/join_com2.png") no-repeat top 30px center; padding: 180px 10px 50px;}

/* 로그인페이지 */
.login_box{text-align:center;margin:30px 0;padding: 30px 10px;background: linear-gradient(30deg,#f0faf0, #f2f4f9);}
.login, .join {background-color: #fff;text-align: left;border: 1px solid #e1e3e6;box-shadow:3px 3px 20px #e1e1e1}
.login>div, .join>div {padding: 50px 65px;}
.login_box h4 {background: none; font-size: 28px;}
.login_box h5 {background: none; font-size: 24px;}
.login form label, .login form input {display: block;}
.login form label {font-size: 22px; font-weight: 700;}
.login form input[type=text],.login form input[type=password] {padding: 12px 20px; margin: 15px 0; border: 1px solid #393c5c; width: 100%;}
.login form input[type=submit] {width: 100%;padding: 15px 0;background-color: #393c5c;color: #fff;font-size: 20px;font-weight: 500;margin-top: 30px;cursor: pointer;border-radius: 5px;}
.login_bt {margin: 20px 0; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between;}
.login_bt input {width: 20px; height: 20px;}
.login_bt label {margin: 0 0 0 10px; font-weight: 600;}
.login_bt a {background: none;margin: 0;font-size: 18px;font-weight: 600;}
.login_bt a span {display: inline-block;width: 30px;height: 20px;font-size: 0;background: url("/images/common/btn.png") no-repeat center -1009px;}
.login_sns li {display: inline-block; margin: 0 20px 20px 0;}
.login_sns li a {display: block;padding: 15px 10px;font-weight: 600;border-radius: 5px;}
.login_sns .kakao a {background: #ffeb00; color: #391f1f;}
.login_sns .naver a {background: #1dc800; color: #fff;}

.join {margin-top: 30px;}
.join p {font-weight: 600;margin: 0 0 20px 0;}
.join .btn_go {border-radius: 5px;}
.join ul {margin: 0 0 30px 0;}
.join li {position: relative;width: 216px;text-align: center;font-size: 24px;padding: 10px 0;margin: 0 auto;font-family: "GmarketSans";font-weight: 600;}
.join li::before {display: block;content: "";position: absolute;top: 15px;left: 0;width: 35px;height: 35px;background: url("/images/bbs/login_i.png") no-repeat center;}
.join p:nth-child(3), .join ul {display: none;}
@media all and (min-width:1024px) {
.login, .join {display: inline-block;width: 45%;margin: 50px 1%;}
.login>div, .join>div {background-color: #fff;height: 580px;}
}
@media all and (min-width:1400px) {
.join{background: url("/images/bbs/login_bg2.jpg") no-repeat;}
}

/* 회원가입 */
.join_box{text-align:center;margin:30px 0;padding: 30px 10px;background: linear-gradient(30deg,#f0faf0, #f2f4f9);}
.join_box .join_sbox div {padding: 50px 10px;background: #fff;margin: 20px auto;box-shadow: 3px 3px 20px #e1e1e1;}
.join_box h4{margin:0 0 5px 0;padding:0;background:none;font-size:30px;font-weight:600;}
.join_box h5{font-size:28px;margin:0 0 20px 0;padding:0;background:none;color:#272727;}
.join_box .join_sbox div:before{/* content:"";*/ display:block;width:100%;height:99px;background:url('/images/bbs/bbs_login.png') no-repeat center 0px;}
.join_box .join_sbox div:last-child:before{background-position:center -269px;}
.join_box p{line-height:1.5em;margin:0;}

.join_box strong{color: #34a23f;}
.join_box a, .join_i a{display:block;background: #393c5c;color:#fff;font-weight:bold;padding:15px 0;margin:20px auto 0 auto;max-width: 220px;border-radius: 15px 15px 15px 0;overflow:hidden;border: 2px solid #393c5c;text-align: center;}
.join_box a:hover, .join_i a:hover{background:#fff; color:#393c5c}
.join_box .sns a{margin:5px auto;position:relative;padding:16px 0 16px 70px;text-align:left;background: #fff;border: 2px solid #393c5c;color: #393c5c;}
.join_box .sns a:before{display:block;content:'';width:45px;height:55px;position:absolute;left:5px;top:0;background:url('/images/common/sns_icon.png')no-repeat;}
.join_box .sns .naver:before{background-position: 11px -190px;}
.join_box .sns .kakao:before{background-position: 11px -123px;}
.join_box .sns p{margin-bottom:20px}
@media all and (min-width:768px) {
.join p:nth-child(3), .join ul {display: block;}
.join_box{overflow:hidden;position:relative;padding:40px;}
.join_box .join_sbox {display: flex; justify-content:space-between}
.join_box .join_sbox div {width: 46%;}

}
@media all and (min-width:1024px) {
.join ul {margin: 0 0 20px 0;}
}

@media all and (min-width:1400px) {
.join ul {margin: 50px 0;}
}

/* 회원가입 동의 */
.agree_box {margin-top: 60px;}
.agree_box .adm_check {width: 22px; height: 22px; margin-top: 2px;}
.all_agree label, .agre_chk label, .agre_chk2 label {font-size: 20px; font-weight: 600;}
.agre_chk label {margin-right: 20px;}
.agre_list {margin-top: 20px;}
.agre_list h5 {float: left;background: none;padding: 0;margin: 10px 0 0 0;font-size: 20px;color: #1f1f1f;font-family: "Pretendard";}
.agre_list button {float: right;margin: 7px 0 0 0;}
.agre_list .full {clear: both;padding: 10px 0 0 0;}
.agre_list .full .line_dot {padding: 0 0 30px 0;}
.agre2, .agre3 {margin-top: 20px;}
.agre_chk {clear: both;padding: 20px 0 0 0;}
.agre_list>div .full {display: none;}
.agre_list>div .full.on {display: block;}
@media all and (min-width:500px) {
.agre1, .agre2, .agre3 {display: flex;justify-content: space-between;padding: 15px 30px;}
.agre_wrap {width: calc(100% - 70px);}
.agre_list .full {width: 120%;}
.agre_chk2 {width: 70px;padding: 8px 0;}
}
@media all and (min-width:650px) {
.agre_list .full {width: 110%;}
}
@media all and (min-width:950px) {
.agre_list .full {width: 104%;}
}
.join_i .bbs_write th, .join_i .bbs_write td {line-height: 2;}
.join_i .bbs_write input {padding: 5px;}
.join_i .bbs_write select {padding: 4px 0;}

/* 회원가입 완료 */
.join_box .program_reser,
.join_box .rental_reser,
.join_box .discount, 
.join_box .login_go {padding: 162px 10px 50px 10px;}
.discount span {display: block;background: url("/images/common/common_icon.png") no-repeat left -265px;background-size: 40px;width: 115px;margin: 0 auto;padding: 0 0 0 40px;}
.join_box .program_reser {background: #fff url("/images/bbs/join_com1.png") no-repeat top 30px center;}
.join_box .rental_reser {background: #fff url("/images/bbs/join_com2.png") no-repeat top 30px center;}
.join_box .discount {background: #fff url("/images/bbs/join_com3.png") no-repeat top 18px center;text-align: center;}
.join_box .login_go {background: url("/upload_data/board_data/BBS_0000022/176042244065560.png") no-repeat top center; background-size: 300px; margin: 30px auto; padding: 230px 10px 50px 10px; width: 50%;}
@media all and (min-width:1024px) {
.join_box .program_reser,.join_box .rental_reser,
.join_box .discount {display: inline-block;width: 31%;margin: 50px 1%;min-height: 530px;}
.join_box .program_reser h5,
.join_box .rental_reser h5 {line-height: 2.8em;}
}

/* 회원탈퇴 */
.login_box .cancel {width: 80%;margin: 0 auto;padding: 50px;background: #fff url("/images/common/logo_bg.png") no-repeat right bottom;text-align: left;box-shadow: 3px 3px 20px #e1e1e1;}
.cancel h5 {padding: 0; margin-top: 50px; color: #1f1f1f;}
.cancel li {line-height: 1.6;}
.cancel div {padding: 50px 10px;}
.cancel label {line-height: 34px;}
.cancel input[type=password] {height: 35px;border: 1px solid #393c5c;border-radius: 3px;}
.cancel input[type=submit] {padding: 6px 15px;background: #393c5c;color: #fff;cursor: pointer;height: 35px;border-radius: 3px;}


/* 아이디/비밀번호 찾기 */
.find_box .find_id a {margin-top: 60px;}
.find_box .join_sbox .find_pw {padding: 50px 65px;}
.find_box .find_pw form {text-align: left;}
.find_box .find_pw label {font-size: 20px;font-weight: 700; padding: 0 5px;}
.find_box .find_pw input {padding: 12px 20px;margin: 15px 0;border: 1px solid #393c5c;width: 100%;}


/* bbs_list2 테이블 공통 스타일 */
.bbs_list2 .bbs_table td {display: block; text-align: left;}
.bbs_list2 .bbs_table{width:100%;min-width:800px;border-top: 2px solid #797c97;}
.bbs_list2 .bbs_table th, .bbs_list2 .bbs_table td{padding: 15px 10px;border: 1px solid #c6c8d5; border-top: none; vertical-align: middle;text-align:center;font-size: 17px;line-height:1.5em;font-weight: 500;}
.bbs_list2 .bbs_table tr:hover{background:#f9fafb}
.bbs_list2 .bbs_table th{background: #eff0f2;color: #393c5c;}

@media all and (max-width:1023px){
.bbs_list2 .bbs_table{width:100%;min-width:auto}
.bbs_list2 .bbs_table col{width:100% !important}
.bbs_list2 .bbs_table thead{display:none}
.bbs_list2 .bbs_table tbody tr{display:block;border-bottom:1px solid #ccd6e7;padding:10px;font-size:0}
.bbs_list2 .bbs_table td{display:inline-block;padding:0;border:none}
.bbs_list2 .bbs_table td:first-child:after, .bbs_list2 .bbs_table td:last-child:after{display:none}
.bbs_list2 .bbs_table [data-cell-header]:before{display:inline-block;content:attr(data-cell-header);color:#393c5c}
.bbs_list2 .bbs_table td[data-cell-header]:first-child:before{display:none}
}
@media all and (min-width:1024px){
.bbs_list2 .bbs_table td{display:table-cell;text-align:center}
.bbs_list2 .bbs_table{table-layout:fixed}
}


/* 마이페이지 */
.mypage_r {margin: 30px 0 0 0; text-align: center; font-size: 16px; font-weight: 600;}
.mypage_r li {padding: 20px 15px 0 15px; margin: 0 0 20px 0; border: 1px solid #393c5c;}
.mypage_r .m_sns {padding: 20px 54px;}
.mypage_r li li {border: none;display: flex;justify-content: space-between;margin: 0;padding: 20px 0 10px 0;border-bottom: 1px solid #393c5c;}
.m_sns li a {display: inline-block;padding: 4px 10px;margin-top: -5px;background-color: #393c5c;color: #fff;border-radius: 3px;border: 1px solid #393c5c;}
.m_sns li a.in {background-color: #fff; color: inherit;}
.discount_list .dis_ing {color: #4256cc;}
.discount_list .bbs_table td{display:block;text-align:left}
.discount_list .bbs_table td br, .discount_list .bbs_table td:after{display:none}
.discount_list .bbs_table .dis_t[data-cell-header]:before{display:none;}
.discount_list .bbs_table .dis_t {font-size: 24px; font-weight: 600;}
.discount_list .bbs_table td:first-child,
.discount_list .bbs_table td[data-cell-header="신청자 :"],
.discount_list .bbs_table td[data-cell-header="연락처 :"],
.discount_list .bbs_table td[data-cell-header="등록일 :"]{display: none;}

@media all and (min-width:768px) {}

@media all and (min-width:1024px) {
.my_page {display: flex; justify-content: space-between;}
.my_page .bbs_write th, .my_page .bbs_write td {padding: 20px;}
.mypage_l {min-width: 70%;}
.mypage_r {max-width: 30%; margin: 10px 0 0 0;}
.mypage_r .m_sns {padding: 20px 15px;}
.discount_list .bbs_table td{display:table-cell;text-align:center}
.discount_list .bbs_table .dis_t {font-size: 17px; font-weight: 500;}
.discount_list .bbs_table td:first-child,
.discount_list .bbs_table td[data-cell-header="신청자 :"],
.discount_list .bbs_table td[data-cell-header="연락처 :"],
.discount_list .bbs_table td[data-cell-header="등록일 :"]{display: table-cell;}
}

/* 마이페이지-회원정보수정 */
.my_page2 .bbs_write th, .my_page2 .bbs_write td{line-height: 1.8;padding: 7px 10px;}
.my_page2 .bbs_write input {margin: 0;}
.my_page2 p input[type=submit] {padding: 10px 30px;background-color: #34a23f;color: #fff;font-weight: 600;cursor: pointer;border-radius: 2px;}



/* 마이페이지-(프로그램/서실대관)예약현황-목록 */
.bbs_myreser .bbs_table th, .bbs_myreser .bbs_table td {font-size: 16px; padding: 10px;}
.bbs_myreser .bbs_table td {display: block;text-align: left;overflow: hidden;}
.bbs_myreser .bbs_table .prog_name {font-size: 24px; font-weight: 600;}
.bbs_myreser .bbs_table td:last-child:before,.bbs_reser .bbs_table td:after{display:none}
.bbs_myreser .bbs_table [data-cell-header]:before{display:none;}
.bbs_myreser .bbs_table [data-cell-header="교육기간 :"]:before {display: inline-block;}
.bbs_myreser .bbs_table .situ, .bbs_myreser .bbs_table .cancel_btn,
.bbs_myreser .bbs_table .pay {display: inline-block;}
.bbs_myreser .bbs_table .cancel {float: right;}
.bbs_myreser .bbs_table .pay {float: right;}
.bbs_myreser .pay_wait {color: #4256cc; font-weight: 600;}
.bbs_myreser .pay_done {color: #333;}
.bbs_myreser .canceled, .bbs_list2 .refunded {color: #989898;}
.bbs_myreser .bbs_table td:first-child,
.bbs_myreser .bbs_table td[data-cell-header="분류 :"],
.bbs_myreser .bbs_table td[data-cell-header="예약자 :"],
.bbs_myreser .bbs_table td[data-cell-header="연락처 :"],
.bbs_myreser .bbs_table td[data-cell-header="예약일 :"]{display: none;}

@media all and (min-width:768px) {}

@media all and (min-width:1024px) {
.bbs_myreser .bbs_table td{display:table-cell;text-align:center}
.bbs_myreser .bbs_table .prog_name {font-size: 17px; font-weight: 500;}
.bbs_myreser .bbs_table td:first-child,
.bbs_myreser .bbs_table td[data-cell-header="분류 :"],
.bbs_myreser .bbs_table td[data-cell-header="예약자 :"],
.bbs_myreser .bbs_table td[data-cell-header="연락처 :"],
.bbs_myreser .bbs_table td[data-cell-header="예약일 :"]{display: table-cell;}
.bbs_myreser .bbs_table .situ, .bbs_myreser .bbs_table .cancel,
.bbs_myreser .bbs_table .pay {display: table-cell; float: none;}
.myrent_time {display: block;}
}

@media (min-width: 1620px){
}

/* 마이페이지-(프로그램/서실대관)예약현황-뷰 */
.myreser_view {text-align: center;}
.myreser_view div {text-align: left;}
.myreser_vr {margin: 50px auto 0 auto; max-width: 380px;}
.pay_info {border: 2px solid #393c5c;padding: 20px;}
.pay_info .p_top span {float: left; width: 60px; text-align: center; padding: 6px 8px; background: #ebebeb; font-weight: 700;}
.pay_info .p_top strong {float: right; padding: 6px 0; color: #dd4848;}
.p_info {clear: both; padding: 20px 0 0 0; font-weight: 500;}
.p_info h5 {background: none;padding: 0;color: #222;font-size: 22px;margin: 10px 0 15px 0;}
.p_info li {position: relative;line-height: 2.5em;padding: 0 0 0 20px;}
.p_info>ul>li:before {display: block;position: absolute;top: 20px;left: 7px;width: 5px;height: 5px;background: #393c5c;border-radius: 2px;content: "";transform: rotate(45deg);}
.p_info li li {line-height: 2em;}
.p_info>ul>li>ul>li:before {display: block;position: absolute;top: 50%;left: 4px;width: 6px;height: 2px;background: #333;content: "";}
.p_info .btn_bbsw span {line-height:1}
.p_info span {float: right; font-weight: 600;}
.pay_info .total_p {border-top: 1px dashed #393c5c; padding: 0; color: #4256cc;}
.pay_info .total_p:before {display: none}
.myreser_vr>ul {font-size: 16px; padding: 20px 8px;}

@media all and (min-width:768px) {
.pay_info .p_top span {width: 100px; padding: 6px 10px;}
}

@media all and (min-width:1024px) {
.myreser_view>div {display: flex; justify-content: space-between;}
.myreser_vl {min-width: 70%;}
.myreser_vr{margin: 10px 0 0 0;}
.myreser_view .bbs_write th, .myreser_view .bbs_write td {padding: 15px;}
}
@media all and (min-width:1400px) {
.myreser_vr{max-width:420px}
.pay_info {padding: 30px 40px}
}
@media all and (min-width:1620px) {
.myreser_vr{max-width:450px}
.pay_info {padding: 60px 40px}
}


/* 결제/신청 뷰 하단고정 버튼 */
.pay_btn .pay_bt{background: #393c5c;color:#fff; width: 90%;padding: 15px 40px;border-radius:5px;border: 1px solid #393c5c; font-size: 22px;}
.pay_btn .pay_bt:hover, .pay_btn .pay_bt:focus{background: #dbdbe2;color: #333;}
.bottom_btn .pay_bt {position: fixed;left: 50%;transform: translate(-50%);bottom: 20px;}

@media all and (min-width:1023px){
/* 마이페이지-결제하기 / 예약-신청하기 뷰 모바일,테블릿화면에서만 .pay_bt가 보이고 pc에서는 숨겨짐 */
.pay_btn .pay_bt {display: none;}
}


/* 통합예약-프로그램(커스텀) */
.reser_cate{border: 1px solid #a7a8b6;border-bottom:none;padding:20px;background: #fbfbfb;}
.reser_cate strong{display:block;font-weight:500;color: #1f1f1f;margin:20px 0 10px 0}
.reser_cate li:first-child strong{margin-top:0}
.reser_cate button{border: 1px solid #c9c9cf;width:100%;height:40px;background:#fff;position:relative}
.reser_cate button:after{content:"";display:block;width:20px;height:20px;background:url("/images/sko_common/ico_cmd.png") -180px 0;position:absolute;top:50%;right:10px;transform:translate(0, -50%)}
.reser_cate li{position:relative}
.reser_cate div.on{display:block}
.reser_cate div button{display:inline-block;padding:5px 8px;color: #333;width:auto;margin: 3px;font-weight: 300;font-size: 14px;}
.reser_cate div button.on{background: #393c5c;color:#fff;position:relative;font-weight: 600;}
.reser_cate div input[type=checkbox]{opacity:0;position:absolute;top:0;left:0}
.reser_cate div input[type=text] {border: 1px solid #c9c9cf; height: 38px; background-position: -5px -11px;}
.reser_cate div label{display:block;padding:5px 8px;color:#7d7d7d}
.reser_cate div input:checked+label{background:#393c5c;color:#fff}
.reser_cate .prog_sch input[type=text] {width: 100%;max-width: 600px;padding: 0 10px;}
.reser_btn{margin:0 0 50px 0;text-align:center;overflow:hidden}
.reser_btn input[type=submit],.reser_btn button{display:block;float:left;width:50%;height:55px;font-size:20px;vertical-align:middle}
.reser_btn input[type=submit]{background: #393c5c;color:#fff;font-weight: 600;}
.reser_btn input[type=submit]:hover,.reser_btn input[type=submit]:focus{background:#464646}
.reser_btn button{border: 1px solid #a7a8b6;background:#fff}
.reser_btn button:hover,.reser_btn button:focus{border-color:#464646}

@media all and (min-width:768px){
.reser_cate button{display:none}
.reser_cate{padding:20px 30px}
.reser_cate li{margin:20px 0;border-bottom: 1px solid  #a7a8b6;padding: 0 0 20px 0;}
.reser_cate li:last-child {border: none;}
.reser_cate li strong{display:table-cell;width:100px;background:none;padding:0;vertical-align:middle}
.reser_cate div{display:block;position:static;border:none;border-radius:0;background:none;overflow:unset;display:table-cell}
.reser_cate div.on{display:table-cell}
.reser_cate div button{font-size:16px;padding:10px 25px;margin:0 1px;}
.reser_cate div input[type=radio],.reser_sch p input[type=checkbox]{opacity:0;position:absolute;top:0;left:0}
.reser_cate div label{display:inline-block;border:1px solid #ccd6e7;border-radius:3px;padding: 10px 25px;margin:3px 0;background:#fff;color:#7d7d7d;position:relative}
.reser_cate div label:nth-of-type(1){border-left:1px solid #ccd6e7}
.reser_cate div label:before{content:"";display:block;width:20px;height:20px;position:absolute;top:-5px;left:5px;border-radius:100%}
.reser_cate div input:checked+label{background:#393c5c;color:#fff}
.reser_cate div input:checked+label:before{background: url("/images/bbs/ico_bbs.png") no-repeat -160px 0;border:1px solid #393c5c;border-radius:100%}
}

@media all and (min-width:1023px){
.reser_cate .prog_sch input[type=text] {width: 600px;padding: 0 10px;}
}


/* 통합예약-프로그램 예약 리스트 (카드형) */
.r_cateon {display: none;}
.r_cateon.select {display: block;}
.r_cate button {width: 100%;text-align: center;padding: 10px 20px;font-size: 20px;font-weight: 600; background: #393c5c url("/images/bbs/bbs_ico.png") no-repeat right -450px; border: 2px solid #393c5c; color: #fff;}
.r_cate .select {background: #fff url("/images/bbs/bbs_ico.png") no-repeat right -390px;color: #393c5c;}
.ed_list>div{margin:20px 0 0 0;border:solid 1px #e8e8e8;box-sizing:border-box;}
.ed_list .t_lf{float: right; padding: 10px;background: #34a23f;color: #fff;}
.ed_list .t_rg{display: block; clear: both; padding: 30px 0 0 15px; font-size: 16px; font-weight: 600;}
.ed_list .prog_off{float: right;padding: 10px;background: #a9a9a9;font-weight: 600;color: #1f1f1f;width: 137px;text-align: center;}
.ed_list span i{font-style:normal;}
.ed_list .t_rg i:last-child::before {display: inline-block;width: 1px;height: 12px;background: #ababab;margin: 0 10px;content: "";}
.ed_list div dl{text-align: left;padding: 0 15px 15px 15px;}
.ed_list dt{display: block;width: 100%;font-size: 28px;font-weight: 700;overflow: hidden;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px 0 20px 0;line-height: 25px;color: #1f1f1f;}
.ed_list dd{margin:0;color: #353535;padding: 5px 0 0 0;}
.ed_list dd strong{width: 70px;display: inline-block;}
.ed_list .adm_check{width:20px;height:20px;display:block;margin:20px auto 0 auto}
.ed_list .counter{margin-top: 20px;padding: 15px 0;background: #f6f6f6;border-radius: 5px;text-align: center;}
.ed_list .counter a{margin: 0 0 0 10px;}
.ed_list .counter u{display: inline-block;color:#898989;text-decoration: none;line-height: 31px;}
.ed_list .basic_btn .off {padding: 0;border-radius: 0;background: #a9a9a9;box-shadow: none;color: #333; cursor: no-drop;}
.ed_list .basic_btn .off span {background:none; padding:15px 45px;}

@media all and (min-width:768px) {
.ed_list{overflow:hidden;}
.ed_list div{width: 50%;float:left;}
.ed_list div:nth-child(2n){margin-right:0}
}

@media all and (min-width:1024px) {
.r_cate button {display: none;}
.r_cateon {display: block;}
.ed_list {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.ed_list div{width: calc(94%/ 4); margin: 0;}
}


/* 통합예약 - 프로그램 뷰 */
.reser_view {text-align: center;}
.reser_view div {text-align: left;}
.reser_vr {margin: 50px auto 0 auto; max-width: 380px;}
.reserv_info {border: 2px solid #393c5c;padding: 30px;}
.reserv_info .r_top span {float: left; width: 60px; text-align: center; padding: 6px; background: #ebebeb; font-weight: 700;}
.reserv_info .r_top strong {float: right; padding: 6px 0; color: #dd4848;}
.r_info {clear: both; padding: 20px 0 0 0; font-weight: 500;}
.r_info h5 {background: none;padding: 0;color: #222;font-size: 22px;margin: 10px 0 15px 0;}
.r_info li {position: relative;line-height: 1.8em;padding: 0 0 0 17px;font-size: 14px;}
.r_info>ul>li:before {display: block;position: absolute;top: 10px;left: 4px;width: 5px;height: 5px;background: #393c5c;border-radius: 50%;content: "";}
.r_info li li {line-height:1.4em}
.r_info>ul>li>ul>li:before {display: block;position: absolute;top: 9px;left: 4px;width: 6px;height: 1px;background: #333;content: "";}
.r_info .btn_bbsw {padding: 5px 10px;margin: 4px 0 2px 10px;}
.r_info span {float: right; font-weight: 600;}
.reser_vr>ul {font-size: 16px; padding: 20px 8px;}
.reser_vr .agre_chk {border:1px solid #393c5c;padding: 10px;margin: 20px 0;width: 100%;}
.reser_vr .agre_chk label {font-size: 17px;}
.reser_vr .agre_chk .adm_check {margin: 0;float: right;}

@media all and (min-width:768px) {
.reserv_info .r_top span {width: 100px; padding: 6px 10px;}
}

@media all and (min-width:1024px) {
.reser_view>div {display: flex; justify-content: space-between;}
.reser_vl {min-width: 65%;}
.reser_vr{margin: 10px 0 0 0; max-width: 460px;}
.reser_view .bbs_write th, .reser_view .bbs_write td {padding: 15px;}
}

@media all and (min-width:1400px) {
.reserv_info {width: 480px; padding: 50px 40px}
}



/* 통합예약 - 프로그램(시설대관) 예약 - 정보입력(쓰기) (뷰와 레이아웃은 같이 씀)*/
.r_info2 {clear: both;font-weight: 500;}
.r_info2 h5 {background: none;padding: 0;color: #222;font-size: 22px;margin: 10px 0 15px 0;}
.r_info2 ul {margin: 0 0 40px 0;}
.r_info2 li {position: relative;line-height: 1.8em;padding: 0 0 0 17px;font-size: 18px;}
.r_info2 li strong {display: block; min-width: 100px;}
.r_info2>ul>li:before {display: block;position: absolute;top: 14px;left: 4px;width: 5px;height: 5px;background: #393c5c;border-radius: 50%;content: "";}
.r_info2 .btn_bbsw {padding: 5px 10px;margin: 4px 0 2px 10px;}
.r_info2 span {float: right; font-weight: 600;}

@media all and (min-width:768px) {
.r_info2 li strong {display: inline-block; min-width: 100px;}
}

@media all and (min-width:1024px) {
}


/* 통합예약-시설대관 예약 리스트(컨텐츠형) */
.rent_list {text-align: center;}
.rent_list>p {font-size: 24px; font-weight: 600;}
.rent_list h5 {display: none;}
.rent_list button {color: #393c5c;background: url("/images/bbs/bbs_ico.png") no-repeat right -495px;width: 100%;font-size: 26px;padding: 20px 20px 0 20px;font-family: "GmarketSans";font-weight: 600;}
.rent_list button span {font-size: 0;}
.rent_list ul {display: none;}
.rent_list .select {display: block;}
.rent_list .btn.select {background-position: right -376px;}
.rent_list .rent {margin: 30px 0 0 0;}
.rent_list .rent div {border: 2px solid #393c5c;padding: 0 0 20px 0;margin: 20px 0 0 0;}
.rent_list ul {margin: 20px 0 0 0; padding: 0 30px;}
.rent_list li a {display: block; margin: 10px 0 0 0; padding: 12px 0; background: #ffffffe5; border: 2px solid #393c5cb6; border-radius: 15px 15px 15px 0; font-size: 20px; font-weight: 600;}
.rent_list li a:hover, .rent_list li a:focus {background: #393c5c; color: #fff;}

@media all and (min-width:768px) {
.rent_list h5 {display: block; background: none; padding: 0; margin: 0; color: #fff; text-shadow: 0 0 5px #333; font-size: 26px;}
.rent_list .btn {display: none;}
.rent_list .rent {display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;}
.rent_list .rent div {width: 40%; margin: 0; box-shadow: 1px 2px 8px #393c5c6e;}
.rent_list ul {display: block; padding: 0 50px;}
.rent_list .rent div {padding: 40px 20px;}
.rent_list .rent .rent1 {background: url("/images/bbs/rent1_bg.jpg") no-repeat; background-size: cover;}
.rent_list .rent .rent2 {background: url("/images/bbs/rent2_bg.jpg") no-repeat; background-size: cover;}
.rent_list .rent .rent3 {background: url("/images/bbs/rent3_bg.jpg") no-repeat; background-size: cover;}
.rent_list .rent .rent4 {background: url("/images/bbs/rent4_bg.jpg") no-repeat; background-size: cover;}
}

@media all and (min-width:1400px) {
.rent_list .rent {justify-content: space-between; flex-wrap: nowrap;}
.rent_list .rent div {width: 25%;}
}


/* 통합예약-시설대관 뷰(달력형) */
.rent_view {text-align: center;}
.rent_view div {text-align: left;}

.rent_view .tab {width: 100%; display: inline-block;}
.rent_view .tab li {width: 100%; margin: 10px 0 0 0;}
.rent_view .tab a {padding: 15px;}

.rent_view .bbs_calender td a {padding: 15px 0 35px 0;}
.rent_view .bbs_calender td .have {position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);width: 85%;font-size: 13px;border: 1px solid #393c5c;}
.rent_view .bbs_calender td.active .have {border-color: #fff;}
.rent_view .bbs_calender .info ul{padding: 20px 0;border-top: dashed 1px #c6c8d5;}
.rent_view .bbs_calender .info li{background: none;padding: 5px 10px 5px 0;font-size: 15px;border-bottom: none;}
.rent_view .bbs_calender .info_box1{padding: 9px 0;background: none;text-align: right;border: none;/* border-bottom: dashed 1px #c6c8d5; */margin: 0;}
.rent_view .bbs_calender .info_box1:before {display: none;}
.rent_view .bbs_calender .info_box1 span{display: inline-block;padding: 3px 12px;font-size: 13px;margin: 0 5px;background: #eff0f2;color: #666;border: solid 1px #c6c8d5;}
.rent_view .bbs_calender .info li a{display:block;padding: 8px 0;border: solid 1px #c6c8d5;color: #666;text-align: center;background: #eff0f2;font-weight: 500;}
.rent_view .bbs_calender .info li.on a{background: #fff;color: #1f1f1f;border-color: #393c5c;}
.rent_view .bbs_calender .info li.active a,
.rent_view .bbs_calender .info li.on:active a,
.rent_view .bbs_calender .info li.on:hover a{background: #363c5c;border-color: #393c5c;color: #fff;}
.rent_view .bbs_calender  span.on{background: #fff;color: #1f1f1f;border-color: #393c5c;}
.rent_view .bbs_calender  span.active{background: #393c5c;border-color: #393c5c;color: #fff;}
.rent_view .bbs_calender  ul:after{display:block; content:''; clear:both}
.rent_view .bbs_calender .basic_btn{margin:0}
.rent_view .bbs_calender .info .basic_btn a{display:block;box-shadow: none;background: #393c5c;color: #fff;text-align: center;border-radius: 0;border: 2px solid #393c5c;}
.rent_view .bbs_calender .info .basic_btn a span{padding: 15px 35px 15px 40px;}
.rent_view .bbs_calender .info .basic_btn:hover a{background: #ececec;color: #393c5c;}

.rent_view .bbs_calender.cam_cal .calender td{background: #f4f4f4;color: #ddd;}
.rent_view .bbs_calender.cam_cal .calender td.on{background: #fff;}
.rent_view .bbs_calender.cam_cal .calender td.today{}
.cal_info{padding:10px; border:dashed 1px #dedede;margin: 15px 0;text-align: center;border-radius: 5px;background: #f6f7f8;}
.cal_info span{display: inline-block;padding: 5px;}

.rent_vr {margin: 50px auto 0 auto; max-width: 380px;}
.rental_info {border: 2px solid #393c5c; padding: 20px;}
.rental_info .r_top span {float: left; width: 60px; text-align: center; padding: 6px; background: #ebebeb; font-weight: 700;}
.rental_info .r_top strong {float: right; padding: 6px 0; color: #dd4848;}
.r_info {clear: both; padding: 20px 0 0 0; font-weight: 500;}
.r_info h5 {background: none;padding: 0;color: #222;font-size: 22px;margin: 10px 0 15px 0;}
.r_info li {position: relative;line-height: 1.8em;padding: 0 0 0 17px;font-size: 14px;}
.r_info>ul>li:before {display: block;position: absolute;top: 10px;left: 4px;width: 5px;height: 5px;background: #393c5c;border-radius: 50%;content: "";}
.r_info li li {line-height:1.4em}
.r_info>ul>li>ul>li:before {display: block;position: absolute;top: 9px;left: 4px;width: 6px;height: 1px;background: #333;content: "";}
.r_info .btn_bbsw {padding: 5px 10px;margin: 4px 0 2px 10px;}
.r_info span {float: right; font-weight: 600;}
.rent_vr>ul {font-size: 16px; padding: 20px 8px;}
.rent_vr .agre_chk {border:1px solid #393c5c;padding: 10px;margin: 20px 0;width: 100%;}
.rent_vr .agre_chk label {font-size: 17px;}
.rent_vr .agre_chk .adm_check {margin: 0;float: right;}

@media all and (min-width:768px) {
.rent_view .bbs_calender .info ul{/* height: 390px; */}
.rent_view .bbs_calender .info li{width: 100%;float: left;}
.rent_view .bbs_calender .basic_btn{margin-top: 40px;}
.rent_view .bbs_calender2{padding:50px}
.rent_view .bbs_calender .calender,.bbs_calender .info{width:100%}

.rental_info .r_top span {width: 100px; padding: 6px 10px;}
}

@media all and (min-width:1024px) {
.rent_view .tab li {display: inline-block;width: 24.666%;}

.rent_vr{max-width: 600px;}
.rent_view .bbs_write th, .rent_view .bbs_write td {padding: 15px;}

.rent_view .pay_btn .pay_bt {display: block;}
}
@media all and (min-width:1400px) {
.rent_view>div {display: flex;justify-content: space-between;align-items: center;}
.rent_vl {min-width: 72%;}
    
.rent_vr{margin: 0;max-width: 430px;}
.rental_info {padding:30px}
.rent_view .bbs_calender .calender,.bbs_calender .info{width: 50%;}
.rent_view .bbs_calender .info li{width: 50%;}
.rent_view .bbs_calender {border: none;}
.rent_view .bbs_calender .calender{padding: 60px 30px;}
.rent_view .bbs_calender .info{padding: 60px 30px;min-height: 541px;}
.rent_view .bbs_calender.cam_cal .info{min-height: 588px;overflow-y: auto;}

.rent_view .pay_btn .pay_bt {display: none;}
}