@charset "utf-8";

.p-wrap {line-height: 26px;}

@media all and (max-width: 800px) {
    .p-wrap {line-height: 24px;}
}

.reserve_program .bbs .p-search .p-form-group .p_btn{min-width: 110px;height: 45px;/*margin-right: 2px;*/padding: 9px 10px 10px;border-color: #bcbec6;color: #555;}
.reserve_program .bbs .p-search .p-form-group .p_btn:hover, .reserve_program .bbs .p-search .p-form-group .p_btn.active{color: #fff;background-color: #061d48;}

/* 체육시설예약 목록 - 상세검색 */

.bg_search{background-color: #f3f6f8;border-radius: 5px;border: none;}

.reserve_program .bbs .p-search.detail_search{padding: 40px 70px 45px;}
.reserve_program .bbs .p-search.detail_search .p-form-group{position: relative;width: 100%;white-space: normal;}

.reserve_program .bbs .p-search.detail_search .p-form-group + .p-form-group{margin-top: 15px;}

.reserve_program .bbs .p-search.detail_search .p-form-group .btn{margin-bottom: 5px;}

.reserve_program .bbs .p-search.detail_search .p-form-group .form_title{position: absolute;width: 88px;line-height: 45px;color: #434449;font-weight: 500;font-size: 17px;vertical-align: top;}
.reserve_program .bbs .p-search.detail_search .p-form-group .form_con{padding-left: 88px;vertical-align: top;}

.reserve_program .bbs .p-search.detail_search .p-form-group .form_title + .form_con{margin-right: 52px;}
.reserve_program .bbs .p-search.detail_search .p-form-group .select + .select{margin-left: 2px;}

.reserve_program .bbs .p-search.detail_search .p-form-group .form_check{padding-left: 0;}
.reserve_program .bbs .p-search.detail_search .p-form-group .check_wrap{padding: 10px 0 9px;}
.reserve_program .bbs .p-search.detail_search .p-form-group input[type="checkbox"] + label{min-width: auto;margin-right: 45px;}

@media all and (max-width: 1500px) {
    .reserve_program .bbs .p-search.detail_search .p-form-group .btn{margin-bottom: 5px;}
}

@media all and (max-width: 1240px) {
    .reserve_program .bbs .p-search.detail_search{padding: 20px 30px;}

    .reserve_program .bbs .p-search.detail_search .p-form-group .form_title + .form_con{margin-right: 15px;}
    .reserve_program .bbs .p-search.detail_search .p-form-group input[type="checkbox"] + label{margin-right: 25px;}
}

@media all and (max-width: 1000px) {
    .reserve_program .bbs .p-search.detail_search .p-form-group .form_check{padding-left: 88px;}
    .reserve_program .bbs .p-search.detail_search .p-form-group .form_title, .reserve_program .bbs .p-search.detail_search .p-form-group .form_con{margin-bottom: 5px;}
}

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

}

@media all and (max-width: 800px) {
    .reserve_program .bbs .p-search .p-form-group .p_btn{min-width: auto;height: 40px;padding: 7px 10px;}

    .reserve_program .bbs .p-search.detail_search{padding: 20px;}
    .reserve_program .bbs .p-search.detail_search .p-form-group .form_title{width: 70px;line-height: 40px;font-size: 15px;}
    .reserve_program .bbs .p-search.detail_search .p-form-group .form_con{padding-left: 70px;}

    .reserve_program .bbs .p-search.detail_search .p-form-group .check_wrap{padding: 8px 0;}

    .reserve_program .bbs .p-search.detail_search .p-form-group input[type="checkbox"] + label{margin-right: 10px;}
}

@media all and (max-width: 640px) {
    .reserve_program .bbs .p-search.detail_search .p-form-group + .p-form-group{margin-top: 10px;}

    .reserve_program .bbs .p-search.detail_search .p-form-group .form_con{display: block;}
    .reserve_program .bbs .p-search.detail_search .p-form-group .form_title + .form_con{display: block;margin-right: 0;}

    .reserve_program .bbs .p-search.detail_search .p-form-group .form_con .select{width: 100%;margin-left: 0;}
    .reserve_program .bbs .p-search.detail_search .p-form-group .form_con .select:nth-child(n + 2){margin-top: 5px;}
}

/* 체육시설예약 목록 - 검색 */

.bbs .p-search.nomal_search{padding: 30px 20px;margin-bottom: 75px;border-radius: 5px;border: 3px solid #e7edf1;}
.bbs .p-search.nomal_search .p-form-group{width: 365px;}
.bbs .p-search.nomal_search .p-form-group .p_btn.search_btn{min-width: 100px;color: #fff;background-color: #061d48;}
.bbs .p-search.nomal_search .p-form-group .p_btn.search_btn:hover{background-color: #fff;color: #061d48;}

@media all and (max-width: 800px) {
    .bbs .p-search.nomal_search{padding: 20px;margin-bottom: 35px;}
    .bbs .p-search.nomal_search .p-form-group .p_btn.search_btn{min-width: 80px;}
}

@media all and (max-width: 640px) {
    .bbs .p-search.nomal_search .p-form-group{width: 100%;}
}

.young_form .bbs .row{position: relative;margin: 0 0 15px;padding-left: 22px;font-size: 15px;line-height: 26px;color: #2c384e;font-weight: 300;}
.young_form .bbs .row:before{display: block;position: absolute;top: 6px;left: 0;width: 13px;height: 15px;background: url("../images/program/bbs_icon.png") no-repeat;vertical-align: top;}
.young_form .bbs .row em{font-weight: 600;}

@media all and (max-width: 800px) {
    .young_form .bbs .row{padding-left: 20px;font-size: 14px;line-height: 24px;}
    .young_form .bbs .row:before{top: 4px;}
    .young_form .reserve_table .kindoftype .col-1,
    .young_form .reserve_table .kindoftype .col-22{display:inline-block; float:none; width:auto;}
}
@media all and (max-width: 640px) {
    .young_form .popup .namebox input[type="text"]{min-width:85px;}
    .young_form .popup .telbox input[type="text"]{max-width:160px;}
    #image{width:100% !important; box-sizing:border-box;}

}

/* 체육시설예약 목록 - 목록 */

.reserve_box_list{font-size: 0;line-height: 0;}
.reserve_box_list .reserve_box_item{display: inline-block;width: calc((100% - 99px) / 4);margin-bottom: 35px;margin-right: 33px;border: 1px solid #dfe5e9;vertical-align: top;}
.reserve_box_list .reserve_box_item:nth-child(4n){margin-right: 0;}

.reserve_box_list .reserve_box_item .reserve_img{position: relative;width: 100%;height: 240px;background-color: #e7edf1;background-image: url("../images/template/no_img_icon.png");background-repeat: no-repeat;background-position: center;}
.reserve_box_list .reserve_box_item .reserve_img img{object-fit: cover;width: 100%;height: 100%;}
.reserve_box_list .reserve_box_item .reserve_img .facility_item{position: absolute;top: 0;left: 0;min-width: 100px;padding: 5px;background-color: #061d48;border-bottom-right-radius: 10px;font-size: 14px;line-height: 30px;color: #fff;font-weight: 400;text-align: center;}
.reserve_box_list .reserve_box_item .reserve_img .above_item{position: absolute;bottom: 0;right: 0;min-width: 100px;padding: 5px 5px 5px 14px;background-color: rgba(255, 255, 255, 0.5);border-top-left-radius: 10px;font-size: 14px;line-height: 30px;color: #061d48;font-weight: 400;}
/*.reserve_box_list .reserve_box_item .reserve_img .above_item:before{display: inline-block;position: relative;width: 15px;height: 15px;margin-top: 7px;margin-right: 5px;background: url("../images/program/above_icon.png") no-repeat;vertical-align: top;}*/

.reserve_box_list .reserve_box_item .reserve_con{padding: 30px 30px 20px;}

.reserve_program .reserve_state{min-width: 90px;margin-bottom: 17px;padding: 6px 2px 5px;background-color: #00a5a9;border-radius: 18px;font-size: 14px;line-height: 24px;color: #fff;text-align: center;vertical-align: top;}
.reserve_program .reserve_state.type2{background-color: #ed672b;}
.reserve_program .reserve_state.type3{background-color: #67727a;}

.reserve_program table .reserve_state{margin: 0;}

.reserve_box_list .reserve_box_item .reserve_con .reserve_title{font-weight: 500;font-size: 20px;line-height: 26px;color: #222;}
.reserve_box_list .reserve_box_item .reserve_con .reserve_title .reserve_position{font-weight: 300;font-size: 16px;}

.reserve_box_list .reserve_box_item .reserve_con .bu li{font-size: 15px;line-height: 24px;}
.reserve_box_list .reserve_box_item .reserve_con .bu li .text{width: calc(100% - 70px);vertical-align: top;}

.reserve_box_list .reserve_box_item .reserve_con .btn_wrap{margin-top: 20px;text-align: center;}
.reserve_box_list .reserve_box_item .reserve_con .btn{min-width: 135px;line-height: 24px;color: #061d48;}
.reserve_box_list .reserve_box_item .reserve_con .btn:hover{color: #fff;}

@media all and (max-width: 1500px){
    .reserve_box_list .reserve_box_item{width: calc((100% - 70px) / 3);margin-right: 35px;}
    .reserve_box_list .reserve_box_item:nth-child(4n){margin-right: 35px;}
    .reserve_box_list .reserve_box_item:nth-child(3n){margin-right: 0;}
}

@media all and (max-width: 1240px) {
    .reserve_box_list .reserve_box_item .reserve_con{padding: 20px;}
}

@media all and (max-width: 1000px) {
    .reserve_box_list .reserve_box_item{width: calc((100% - 35px) / 2);}
    .reserve_box_list .reserve_box_item:nth-child(3n){margin-right: 35px;}
    .reserve_box_list .reserve_box_item:nth-child(2n){margin-right: 0;}
}

@media all and (max-width: 800px) {
    .reserve_box_list .reserve_box_item .reserve_img .facility_item{min-width: 70px;font-size: 13px;line-height: 25px;border-bottom-right-radius: 5px;}
    .reserve_box_list .reserve_box_item .reserve_img .above_item{min-width: 70px;padding-left: 7px;font-size: 13px;line-height: 25px;border-top-left-radius: 5px;}
    .reserve_box_list .reserve_box_item .reserve_img .above_item:before{margin-top: 5px;margin-right: 3px;}

    .reserve_box_list .reserve_box_item .reserve_con{padding: 15px;}

    .reserve_program .reserve_state{min-width: 70px;margin-bottom: 10px;padding: 3px;border-radius: 14px;font-size: 13px;line-height: 22px;}

    .reserve_box_list .reserve_box_item .reserve_con .reserve_title{font-size: 18px;line-height: 24px;}
    .reserve_box_list .reserve_box_item .reserve_con .reserve_title .reserve_position{font-size: 14px;}

    .reserve_box_list .reserve_box_item .reserve_con .bu li{font-size: 14px;line-height: 24px;}

    .reserve_box_list .reserve_box_item .reserve_con .btn_wrap{margin-top: 10px;}
    .reserve_box_list .reserve_box_item .reserve_con .btn{min-width: 100px;}
}

@media all and (max-width: 640px) {
    .reserve_box_list .reserve_box_item{width: 100%;margin-right: 0;}
}

.p-page__control{border: none;}
.p-page__link-group{border: none;}
.p-page__link{border: none;border-radius: 3px;color: #575c70;}
.p-page__link.active{background-color: #f3f6f8;color: #1a2751;}
.p-page__link.active:after{display: none;}

.p-page__link.prev, .p-page__link.prev-end, .p-page__link.next, .p-page__link.next-end{border: 1px solid #bcbec6;}
.p-page__link.prev:hover, .p-page__link.prev-end:hover, .p-page__link.next:hover, .p-page__link.next-end:hover{border-color: #2c384e;}

.p-page__link.prev{margin-right: 20px;margin-left: 8px;}
.p-page__link.next{margin-left: 20px;margin-right: 8px;}

@media all and (max-width: 765px) {
    .p-page__control{width: 49%;}
}

/* 체육시설예약 상세보기 -  */

.reserve_program .view_top{font-size: 0;line-height: 0;}

.reserve_program .view_top .view_box{display: inline-block;position: relative;width: calc((100% - 80px) / 2);padding: 20px 0 30px;font-size: 15px;line-height: 26px;vertical-align: top;}

/* 상세보기 슬릭 */
.reserve_program .view_top .view_slick{margin-right: 80px;}
.reserve_program .view_top .view_slick .above_item{position: absolute;top: 0;left: 0;min-width: 130px;height: 45px;padding: 10px 10px 9px;font-size: 15px;z-index: 10;}
.reserve_program .view_top .view_slick .above_item:hover{background-color: #0a6bb5;}
.reserve_program .view_top .view_slick .reserve_slick{width: 100%;height: 410px;background-color: #e7edf1;background-image: url("../images/template/no_img_icon.png");background-position: center;background-repeat: no-repeat;}
.reserve_program .view_top .view_slick .reserve_slick .slick_item{height: 410px;}
.reserve_program .view_top .view_slick .reserve_slick .slick_item img{height: 100%;object-fit: cover;}

.reserve_program .view_top .view_slick .slide_control{position: absolute;bottom: 0;right: 0;z-index: 10;width: 175px;padding: 12px 0;border-top-left-radius: 40px;box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.05);background-color: #fff;text-align: center;}
.reserve_program .view_top .view_slick .slide_control .controls{position: absolute;width: 100%;font-size: 0;line-height: 0;}
.reserve_program .view_top .view_slick .slide_control .slick-arrow{width: 50%;height: 36px;background: url("../images/program/slick_arrow.png") no-repeat left 38px center;}
.reserve_program .view_top .view_slick .slide_control .slick-arrow.next{transform: rotate(180deg);}


.reserve_program .view_top .view_slick .slide_control .page .slick-text{font-size: 17px;line-height: 36px;color: #6f7b83;font-weight: 500;}
.reserve_program .view_top .view_slick .slide_control .page .current{color: #0a6bb5;font-weight: 600;}

/* 상세보기 정보 */
.reserve_program .view_top .reserve_state{position: absolute;top: 0;left: 0;border-radius: 20px;}
.reserve_program .view_top .reserve_info{padding: 60px 50px 45px;margin-bottom: 40px;border-bottom-right-radius: 80px;box-shadow: 8px 13px 25px 0 rgba(13, 44, 45, 0.1);}

.reserve_program .view_top .reserve_info .reserve_state{min-width: 130px;padding: 5px 5px 4px;border-radius: 23px;font-size: 18px;line-height: 36px;font-weight: 400;letter-spacing: -0.035em;}

.reserve_program .view_top .reserve_info .reserve_title{margin-bottom: 25px;font-size: 28px;line-height: 36px;font-weight: 500;color: #222;}
.reserve_program .view_top .reserve_info .bu li{font-size: 16px;line-height: 34px;}
.reserve_program .view_top .reserve_info .bu li:before{top: 17px;}
.reserve_program .view_top .reserve_info .bu .title{display: inline-block;position: relative;width: 100px;padding-right: 35px;font-weight: 500;vertical-align: top;}
.reserve_program .view_top .reserve_info .bu .title:before{display: block;position: absolute;top: 11px;right: 20px;width: 1px;height: 12px;background-color: rgba(1, 164, 170, 0.3);}
.reserve_program .view_top .reserve_info .bu .text{width: calc(100% - 100px);font-weight: 400;vertical-align: top;}

.reserve_program .view_top .btn_wrap .btn{min-width: 135px;margin: 2px 0;}

@media all and (max-width: 1240px) {
    .reserve_program .view_top .view_box{width: calc(100% - 600px);}
    .reserve_program .view_top .view_slick{margin-right: 40px;}
    .reserve_program .view_top .reserve_slick{height: 300px;}
    .reserve_program .view_top .view_info{width: 560px;}
}

@media all and (max-width: 1000px) {
    /*.reserve_program .view_top .view_box{width: calc(100% - 450px);}*/
    /*.reserve_program .view_top .view_slick{margin-right: 30px;}*/

    .reserve_program .view_top .view_box{width: 100%;font-size: 14px;line-height: 24px;}
    .reserve_program .view_top .view_slick{margin-right: 0;margin-bottom: 30px;}

    /*.reserve_program .view_top .view_info{width: 420px;}*/

    .reserve_program .view_top .reserve_info{padding: 40px 30px 30px;}
}

@media all and (max-width: 800px) {
    /*.reserve_program .view_top .view_box{width: 100%;font-size: 14px;line-height: 24px;}*/
    /*.reserve_program .view_top .view_slick{margin-right: 0;margin-bottom: 30px;}*/
    /*.reserve_program .view_top .reserve_slick{height: 400px;}*/

    .reserve_program .view_top .view_slick .reserve_slick{height: 350px;}
    .reserve_program .view_top .view_slick .reserve_slick .slick_item{height: 350px;}

    .reserve_program .view_top .view_slick .above_item{min-width: 100px;height: 40px;padding: 7px;font-size: 14px;}

    .reserve_program .view_top .reserve_info{margin-bottom: 30px;border-bottom-right-radius: 30px;padding: 40px 15px 15px;}
    .reserve_program .view_top .reserve_info .reserve_state{min-width: 100px;padding: 5px;font-size: 16px;line-height: 30px;}

    .reserve_program .view_top .reserve_info .reserve_title{margin-bottom: 15px;font-size: 22px;line-height: 30px;}

    .reserve_program .view_top .reserve_info .bu li{font-size: 14px;line-height: 28px;}
    .reserve_program .view_top .reserve_info .bu li:before{top: 11px;}
    .reserve_program .view_top .reserve_info .bu .title{width: 80px;padding-right: 25px;}
    .reserve_program .view_top .reserve_info .bu .title:before{right: 12px;top: 8px;}
    .reserve_program .view_top .reserve_info .bu .text{width: calc(100% - 80px);}
}

@media all and (max-width: 640px) {
    .reserve_program .view_top .btn_wrap .btn{min-width: 80px;}
}

/* 상세보기 탭 */

.reserve_tab .tab_item{height: 52px;font-size: 0;line-height: 0;}
.reserve_tab .tab_item li{display: inline-block;min-width: 175px;margin-right: 1px;}
.reserve_tab .tab_item li a{width: 100%;padding: 9px 10px 10px;text-align: center;font-size: 17px;line-height: 36px;font-weight: 400;color: #061d48;background-color: #e7edf1;border-radius: 3px 3px 0 0;text-decoration: none;}
.reserve_tab .tab_item li.active a{background-color: #061d48;color: #fff;}

.reserve_tab .tab_obj{display: none;min-height: 630px;padding: 60px;border-radius: 0 10px 10px;border: 3px solid #e7edf1;}
.reserve_tab .tab_obj.active{display: block;}

.reserve_program .reserve_tab .add-map{height: 510px;border: none;}
.reserve_program .reserve_tab .add-map .p-map-info{top: -80px;left: -7px;padding: 8px 20px 7px;background-color: rgba(255, 255, 255, 0.9);border: none;border-radius: 7px;}
.reserve_program .reserve_tab .add-map .p-map-info:before{display: none;}
.reserve_program .reserve_tab .add-map .p-map-info:after{display: none;}

.reserve_program .reserve_tab .add-map .p-map-info__title{font-size: 14px;font-weight: 500;line-height: 30px;letter-spacing: -0.035em;color: #005fb1;}

@media all and (max-width: 800px) {
    .reserve_tab .tab_item{height: 42px;}
    .reserve_tab .tab_item li{min-width: auto;}
    .reserve_tab .tab_item li a{padding: 8px 8px 7px;font-size: 15px;line-height: 30px;}

    .reserve_tab .tab_obj{min-height: 400px;padding: 20px;}
}

/* 본인인증 팝업 */

.popup .popup_con p{font-size: 17px;line-height: 26px;color: #3d404f;font-weight: 400;word-break: keep-all;}
.popup.certify .popup_con p{margin: 55px 0 75px;}

.popup.penalty .pop_inner{width: 580px;}
.popup.penalty .popup_con .bu{margin-top: 13px;}
.popup.penalty .popup_con .text_box{padding: 30px 25px;margin-top: 24px;background-color: #f1f5f8;border-radius: 5px;font-size: 17px;line-height: 26px;font-weight: 400;word-break: keep-all;}
.popup.penalty .popup_con .contact_box{margin-top: 10px;padding: 12px 10px 13px;background-color: #f2faff;}
.popup.penalty .popup_con .contact_box .contact_item{position: relative;padding-left: 40px;font-size: 15px;line-height: 25px;}
.popup.penalty .popup_con .contact_box .contact_item:before{display: block;position: absolute;top: -5px;left: 0;width: 28px;height: 28px;background: url("../images/program/contact_icon.png") no-repeat;}
.popup.penalty .popup_con .contact_box .contact_item em{color: #0a6bb5;}

@media all and (max-width: 800px) {
    .popup .popup_con p{font-size: 15px;line-height: 22px;}
    .popup.penalty .popup_con p{margin: 40px 0 50px;}

    .popup.penalty .popup_con .text_box{padding: 15px 10px;margin-top: 15px;font-size: 15px;line-height: 22px;}
}

/* 체육시설예약 - 등록 */

.reserve_program .register_box{padding: 65px 60px;border: 3px solid #e7edf1;border-radius: 10px;}
.reserve_program .register_title{position: relative;padding-left: 35px;font-size: 24px;line-height: 32px;font-weight: 500;color: #005fb1;}
.reserve_program .register_title:before{display: block;position: absolute;top: 1px;left: 0;width: 30px;height: 30px;background: url("../images/program/reserve_icon1.png") no-repeat;}
.reserve_program .register_title.time_title:before{background-position-x: -30px;}

/* 날짜선택 달력 */

.reserve_program .p_calendar_wrap{margin-bottom: 62px;}

.reserve_program .p-calendar .p-calendar-header, .reserve_program .register_day{margin: 16px 0 47px;}

.reserve_program .p-calendar .p-calendar__next-month, .reserve_program .p-calendar .p-calendar__prev-month{width:32px;height: 32px;font-size: 0;line-height: 0;background: url("../images/program/register_arrow.png") no-repeat;}
.reserve_program .p-calendar .p-calendar__next-month:hover, .reserve_program .p-calendar .p-calendar__prev-month:hover{background-position-x: -32px;}
.reserve_program .p-calendar .p-calendar__prev-month{transform: rotate(180deg);}


.reserve_program .p-calendar .p-calendar__month, .reserve_program .register_day{padding: 0 50px;font-size: 28px;line-height: 32px;text-align: center;}

.reserve_program .register_day{padding: 0;}
.reserve_program .p-calendar .p-calendar__month em,  .reserve_program .register_day em{font-weight: 500;}

.reserve_program .p-calendar-list thead th{padding: 9px;background-color: #00a4aa;border-color: rgba(255, 255, 255, 0.6);color: #fff;font-size: 17px;line-height: 32px;font-weight: 500;box-sizing: border-box;}

.reserve_program .p-calendar-list td, .reserve_program .p-calendar-list th{border-color: #93b4b6;}

.reserve_program .p-calendar-list thead tr:first-child th{border-top-width: 0;border-bottom-width: 0;}
.reserve_program .p-calendar-list thead tr th:first-child, .reserve_program .p-calendar-list tbody tr td:first-child{border-left-width: 0;}
.reserve_program .p-calendar-list thead tr th:last-child, .reserve_program .p-calendar-list tbody tr td:last-child{border-right-width: 0;}

.reserve_program .p-calendar-list tr:last-child td{border-bottom-color: #537c7e;}

.reserve_program .p-calendar-list .p-calendar-list__inner{position: relative;padding: 15px;}

.reserve_program .p-calendar-list .p-calendar-list__day{position: absolute;font-size: 14px;line-height: 20px;font-weight: 500;color: #222;}
.reserve_program .p-calendar-list .sunday .p-calendar-list__day{color: #eb4902;}
.reserve_program .p-calendar-list .saturday .p-calendar-list__day{color: #0167c4;}

.reserve_program .p-calendar-list .p-calendar-list__day span{width: 20px;text-align: center;}

.reserve_program .p-calendar-list .impossible_day{background-color: #ecf3f3;color: #767676;}

.reserve_program .p-calendar-list .p-calendar-list__content{min-height: auto;text-align: center;}
.reserve_program .p-calendar-list .p-calendar-list__content button{width: 100%;height: 100%;padding: 11px 10px 7px;z-index: 1;line-height: 40px;}
.reserve_program .p-calendar-list .possible_day .p-calendar-list__content button:hover, .reserve_program .p-calendar-list .possible_day .p-calendar-list__content button.active{color: #fff;}
.reserve_program .p-calendar-list .possible_day .p-calendar-list__content button:hover:before, .reserve_program .p-calendar-list .possible_day .p-calendar-list__content button.active:before{display: block;position: absolute;left: calc(50% - 45px);width: 90px;height: 40px;background-color: #027ce6;border-radius: 20px;z-index: -1;}

/* 시간선택 */

.reserve_program .register_wrap .time_title{height: 50px;padding: 9px 0;font-size: 17px;line-height: 32px;color: #fff;text-align: center;background-color: #00a4aa;}

.reserve_program .register_wrap .time_list{padding: 45px 0 15px;font-size: 0;line-height: 0;border-bottom: 1px solid #537c7e;}
.reserve_program .register_wrap .time_item{display: inline-block;width: calc((100% - 120px) / 5);margin-right: 30px;margin-bottom: 30px;border: 1px solid #93b4b6;border-radius: 3px;}
.reserve_program .register_wrap .time_item:nth-child(5n){margin-right: 0;}
.reserve_program .register_wrap .time_item button{position: relative;width: 100%;height: 100%;padding: 6px 5px 5px;font-size: 14px;line-height: 32px;color: #343434;border: 1px solid transparent;border-radius: 2px;}

.reserve_program .register_wrap .time_item button:hover, .reserve_program .register_wrap .time_item.active button{border-color: #00a4aa;}
.reserve_program .register_wrap .time_item.no_reserve button{background-color: #ecf3f3;color: #767676;}
.reserve_program .register_wrap .time_item.no_reserve button .time_type{background-color: #767676;}

.reserve_program .time_type{width: 32px;font-size: 13px;line-height: 32px;border-radius:50%;background-color: #027ce6;color: #fff;text-align: center;}
.reserve_program .time_type.type2{background-color: #f95f1a;}

.reserve_program .register_wrap .table_unit{margin-top: 15px;margin-bottom: 0;}
.reserve_program .register_wrap .table_unit .time_type.type2{margin-left: 20px;}

.reserve_program .register_wrap .time_item button .time_type{position: absolute;top: -16px;left: -1px;}

.reserve_program .btn_wrap .col-12{padding: 0;}

@media all and (max-width: 1240px){
    .reserve_program .p-calendar-list .p-calendar-list__content button{padding: 25px 10px 5px;}

    .reserve_program .register_wrap .time_item{width: calc((100% - 90px) / 4);}
    .reserve_program .register_wrap .time_item:nth-child(5n){margin-right: 30px;}
    .reserve_program .register_wrap .time_item:nth-child(4n){margin-right: 0;}
}

@media all and (max-width: 1000px){
    .reserve_program .register_box{padding: 30px;}

    .reserve_program .p-calendar-list .p-calendar-list__inner{padding: 10px;}
    .reserve_program .p-calendar-list .p-calendar-list__content button{padding: 25px 5px 5px;}

    .reserve_program .p-calendar-list .possible_day .p-calendar-list__content button:hover:before, .reserve_program .p-calendar-list .possible_day .p-calendar-list__content button.active:before{left: calc(50% - 35px);width: 70px;}

    .reserve_program .register_wrap .time_item{width: calc((100% - 40px) / 3);margin-right: 20px}
    .reserve_program .register_wrap .time_item:nth-child(5n){margin-right: 20px;}
    .reserve_program .register_wrap .time_item:nth-child(4n){margin-right: 20px;}
    .reserve_program .register_wrap .time_item:nth-child(3n){margin-right: 0;}
}

@media all and (max-width: 800px) {
    .reserve_program .register_title{padding-left: 28px;font-size: 20px;line-height: 28px;}
    .reserve_program .register_title:before{width: 24px;height: 24px;background-size: 200%;}
    .reserve_program .register_title.time_title:before{background-position: -24px;}

    .reserve_program .p-calendar .p-calendar__month, .reserve_program .register_day{font-size: 20px;line-height: 28px;}

    .reserve_program .p-calendar .p-calendar-header, .reserve_program .register_day{margin: 15px 0 30px;}

    .reserve_program .p-calendar-list .p-calendar-list__inner{padding: 5px;}

    .reserve_program .p-calendar-list .p-calendar-list__content button{padding: 0;}
    .reserve_program .p-calendar-list .possible_day .p-calendar-list__content button:hover:before, .reserve_program .p-calendar-list .possible_day .p-calendar-list__content button.active:before{left: calc(50% - 65px);width: 130px;}

    .reserve_program .register_wrap .time_title{height: 40px;padding: 6px 0;font-size: 15px;line-height: 28px;}
    .reserve_program .register_wrap .time_list{padding: 25px 0 0;}

    .reserve_program .register_wrap .time_item{width: calc((100% - 20px) / 3);margin-right: 10px;margin-bottom: 20px;}
    .reserve_program .register_wrap .time_item:nth-child(5n){margin-right: 10px;}
    .reserve_program .register_wrap .time_item:nth-child(4n){margin-right: 10px;}

    .reserve_program .register_wrap .time_item button{font-size: 12px;line-height: 25px;}

    .reserve_program .time_type{width: 25px;height: 25px;font-size: 11px;line-height: 25px;}
    .reserve_program .register_wrap .time_item button .time_type{top: -12px;}

    .reserve_program .register_wrap .table_unit{margin-top: 5px;}
}

@media all and (max-width: 765px) {
    .reserve_program .p_calendar_wrap{height: 350px;overflow-y: scroll;}

    .reserve_program .p-calendar-list .p-calendar-list__content{padding-left: 0;}
    .reserve_program .p-calendar-list thead tr th:last-child, .reserve_program .p-calendar-list tbody tr td:last-child{border-right-width: 1px;}
    .reserve_program .p-calendar-list thead tr th:first-child, .reserve_program .p-calendar-list tbody tr td:first-child{border-left-width: 1px;}

    .reserve_program .p-calendar-list tbody td:first-child:not(.p-table__hidden--mobile){padding-top: 0;}
}

@media all and (max-width: 640px) {
    .reserve_program .register_wrap .time_item{width: calc((100% - 10px) / 2);}
    .reserve_program .register_wrap .time_item:nth-child(3n){margin-right: 10px;}
    .reserve_program .register_wrap .time_item:nth-child(2n){margin-right: 0;}
}

/* 체육시설예약 - 예약신청현황 */

.reserve_program.reserve_condition .box.line_box{margin-bottom: 20px;}

@media all and (max-width: 800px) {
    .reserve_program.reserve_condition .young_form.text_right{text-align: left;}
}

/* 체육시설예약 - 예약완료 안내 */

.reserve_finish .finish_title{margin-bottom: 20px;font-size: 28px;line-height: 45px;font-weight: 500;letter-spacing: -0.035em;color: #222;}
.reserve_finish .finish_title .reserve_state{min-width: 130px;padding: 0 5px;font-size: 18px;line-height: 45px;border-radius: 25px;}

.reserve_finish .finish_box{padding: 100px 100px 48px;background-color: #f3f6fa;text-align: center;}
.reserve_finish .finish_box .inner_box{padding: 50px 50px 55px;background-color: #fff;border-radius: 40px;box-shadow: 8px 13px 25px 0 rgba(13, 44, 45, 0.1);text-align: center;}
.reserve_finish .finish_box .inner_con{position: relative;padding-top: 150px;}
.reserve_finish .finish_box .inner_con:before{display: block;position: absolute;top: 0;left: calc(50% - 54px);width: 108px;height: 108px;border-radius: 50%;background: linear-gradient(130deg, rgb(21,116,184), rgb(1,168,176));}
.reserve_finish .finish_box .inner_con:after{display: block;position: absolute;top: 0;left: calc(50% - 54px);width: 108px;height: 108px;background: url("../images/program/finish_icon1.png") no-repeat;}
.reserve_finish .finish_box .btn_wrap{margin-top: 50px;}

.reserve_finish .finish_box .inner_con p{font-size: 18px;line-height: 30px;font-weight: 500;color: #222;word-break: keep-all;}

@media all and (max-width: 1000px) {
    .reserve_finish .finish_box{padding: 30px;}
}

@media all and (max-width: 800px) {
    .reserve_finish .finish_title{margin-bottom: 10px;font-size: 22px;line-height: 36px;}
    .reserve_finish .finish_title .reserve_state{min-width: 90px;font-size: 16px;line-height: 36px;}

    .reserve_finish .finish_box{padding: 10px 10px 30px;}

    .reserve_finish .finish_box .inner_box{padding: 20px 10px;border-radius: 20px;}

    .reserve_finish .finish_box .inner_con{padding-top: 100px;font-size: 15px;line-height: 24px;}
    .reserve_finish .finish_box .inner_con:before{left: calc(50% - 37px);width: 75px;height: 75px;}
    .reserve_finish .finish_box .inner_con:after{left: calc(50% - 37px);width: 75px;height: 75px;background-size: contain;}

    .reserve_finish .finish_box .btn_wrap{margin-top: 30px;}
}

/*  */

.reserve_info .table .name_input{margin-right: 45px;}
.reserve_info .table .name_input .input_box{width: 280px;}

.reserve_info .table .phone_input .input_box{width: 430px;}

.reserve_info .table .warning.input_wrap{margin: 8px 0 0;}
.reserve_info .table .warning:before{top: 12px;}
.reserve_info .table .warning .input_box{width: 685px;}

@media all and (max-width: 1240px) {
    .reserve_info .table .name_input .input_box{width: 250px;}
    .reserve_info .table .phone_input .input_box{width: 355px;}
    .reserve_info .table .warning .input_box{width: calc(100% - 148px);}
}

@media all and (max-width: 1000px) {
    .reserve_info .table .name_input{width: calc(40% - 35px);margin-right: 30px;}
    .reserve_info .table .phone_input{width: 60%;}

    .reserve_info .table .name_input .input_box{width: calc(100% - 41px);}
    .reserve_info .table .phone_input .input_box{width: calc(100% - 55px);}

    .reserve_info .table .warning .input_box{width: calc(100% - 148px);}
}

@media all and (max-width: 800px) {
    .reserve_info .table .warning:before{top: 2px;}

    .reserve_info .table .name_input{width: calc(40% - 9px);margin-right: 5px;}
    .reserve_info .table .warning .input_box{width: 100%;}
}

/* 체육시설예약 - 예약자 정보입력 */

.reserve_info_register .table td .btn_wrap .btn{margin-bottom: 7px;}
.reserve_info_register .table .contact_item .input_box{width: 300px;margin-right: 5px;}

.reserve_info_register .table .contact_item input[type="radio"] + label{min-width: auto;margin-right: 20px;}

.reserve_info_register .table .btn_wrap.add_wrap{margin-top: 5px;}

.reserve_info_register .table .file_input .input_box{width: 450px;}
.reserve_info_register .table .identify_item .input_wrap{display: inline-block;vertical-align: top;}
.reserve_info_register .table .identify_item .picture_input .input_box{width: 260px;height: 97px;}
.reserve_info_register .table .identify_item .answer_input{width: 300px;margin-left: 5px;}
.reserve_info_register .table .identify_item .answer_input .input_box{width: 100%;margin-top: 7px;}

.reserve_info_register .table .file_input.type2 .input_box{width: calc(100% - 110px);}

@media all and (max-width: 1000px){
    .reserve_info_register .table .file_input .input_box{width: calc(100% - 240px);}

    .reserve_info_register .table .identify_item .answer_input{width: 280px;}
}

@media all and (max-width: 800px) {
    .reserve_info_register .table .btn_wrap.add_wrap{display: inline-block;margin-top: 0;}

    .reserve_info_register .table .contact_item .input_box{width: 100%;margin-right: 0;margin-bottom: 5px;}

    .reserve_info_register .table .file_input .input_box{width: calc(100% - 195px);}
    .reserve_info_register .table .file_input.type2 .input_box{width: calc(100% - 83px);}

    .reserve_info_register .table .identify_item .input_wrap{display: block;}
    .reserve_info_register .table .identify_item .answer_input{width: 100%;margin-left: 0;}
    .reserve_info_register .table .identify_item .answer_input .input_box{width: calc(100% - 85px);margin-top: 0;margin-left: 5px;}
}

/* 마이페이지 - 목록 */

.young_form .p-date-group{display: block;}
.young_form .p-date-group .p-date{display: inline-block;width: auto !important;}
.young_form .p-date-group .p-date .input_box{padding-right: 50px;}
.young_form .p-date-group .p-date .p-input__split{position: absolute;display: inline-block;top: 0;right: 0;width: 45px;}
.young_form .p-date-group .p-date .p-date__icon{width: 45px;height: 45px;padding: 0;border: none;background-color: transparent;}
.young_form .p-date-group .p-date .p-date__icon:before{width: 20px;height: 20px;background: transparent url("../images/program/calendar_icon.png") no-repeat center;}

.young_form .p-date-group .p-form__split{display: inline-block;width: auto;padding: 0 20px;}


.mypage .bbs .p-search.detail_search{margin: 50px 0 10px;}
.mypage .bbs .p-search.detail_search .p-form-group > .form_con{width: 49%;}

@media all and (max-width: 1240px) {
    .young_form .p-date-group .p-form__split{padding: 0 10px;}

    .young_form .p-date-group .p-date .input_box{padding-right: 40px;}
    .young_form .p-date-group .p-date .p-input__split{width: 40px;}
    .young_form .p-date-group .p-date .p-date__icon{width: 40px;height: 40px;}

    .mypage .bbs .p-search.detail_search .p-form-group > .form_con{width: 65%;}
    .mypage .bbs .p-search.detail_search .p-form-group .form_con.place_type_con{width: 34%;}

}

@media all and (max-width: 1000px) {
    .mypage .bbs .p-search.detail_search .p-form-group > .form_con{display: block;width: 100%;margin-bottom: 10px;}
    .mypage .bbs .p-search.detail_search .p-form-group .form_con.place_type_con{width: 100%;}
}

@media all and (min-width: 801px){
    .mypage .table tbody td em.time, .mypage .table tbody td span.time{display: block;}
    .mypage .table tbody td em.state, .mypage .table tbody td span.state{display: block;}
}

@media all and (max-width: 800px) {
    .mypage .bbs .p-search.detail_search .p-form-group > .form_con{margin-bottom: 5px;}

    .young_form .p-date-group .p-form__split{padding: 0 5px;}
}

@media all and (max-width: 640px) {
    .young_form .p-date-group .p-date{width: calc((100% - 25px) / 2) !important;}
    .young_form .p-date-group .p-date .input_box{width: 100%;}
}

/* 마이페이지 - 수정 */

.mypage_revise .table tbody td span.time{margin-bottom: 5px;}

.btn.cancel_btn{margin-left: 5px;}

.total_payment{margin-top: 85px;}

@media all and (max-width: 800px) {
    .mypage_revise .table tbody td span.time{margin-right: 5px;}
}

/* 마이페이지 - 방문확인 */

.mypage_confirm.reserve_finish .finish_box .inner_con:after{background-image: url("../images/program/finish_icon2.png");}
.reserve_finish .finish_box .inner_con .reserve_time{font-size: 42px;line-height: 50px;font-weight: 700;color: #222;word-break: keep-all;}
.mypage_confirm .finish_box .inner_con p{margin: 30px 0 40px;}

@media all and (max-width: 800px){
    .reserve_finish .finish_box .inner_con .reserve_time{font-size: 30px;line-height: 40px;}
    .mypage_confirm .finish_box .inner_con p{margin: 20px 0 30px;}
}

/* 마이페이지 - 팀원목록*/

.mypage_member_list .bbs .p-search.nomal_search{margin-bottom: 40px;}

/* 마이페이지 - 팀원등록 */

@media all and (max-width: 1500px) and (min-width: 1241px){
    .reserve_info .table .phone_input .input_box{width: 370px;}
}

@media all and (max-width: 1240px) and (min-width: 1001px){
    .reserve_info .table .name_input .input_box{width: 200px;}
    .reserve_info .table .phone_input .input_box{width: 298px;}
}

@media all and (max-width: 1000px){
    .reserve_info .table .phone_input{width: calc(60% - 97px);}
}

@media all and (max-width: 800px){
    .reserve_info .table .phone_input{width: calc(60% - 56px);}
}

.mypage.reserve_program .bbs .p-search.detail_search .p-form-group .form_title + .form_con{margin-right: 0;}

/* sitemap */
.sitemap .depth1_list{font-size: 0;line-height: 0;}
.sitemap .depth1_list .depth1_item{display: inline-block;width: calc((100% - 201px) / 4);margin-right: 67px;vertical-align: top;}
.sitemap .depth1_list .depth1_item:nth-child(4n){margin-right: 0;}
.sitemap .depth1_list .depth1_item a{width: 100%;vertical-align: top;}
.sitemap .depth1_list .depth1_item .depth1_link{display: table;position: relative;height: 65px;border: 1px solid #e2e2e2;border-radius: 10px 10px 0 0;box-sizing: border-box;font-size: 18px;line-height: 28px;letter-spacing: -0.025em;color: #343434;text-align: center;font-weight: 500;}
.sitemap .depth1_list .depth1_item .depth1_link:before{display: block;position: absolute;bottom: -1px;right: -1px;width: 13px;height: 13px;background: linear-gradient(45deg, rgb(13,186,192), rgb(24,217,224));}
.sitemap .depth1_list .depth1_item .depth1_link span{display: table-cell;vertical-align: middle;}

.sitemap .depth2_list{padding: 20px 30px;}
.sitemap .depth2_list .depth2_item{position: relative;padding-left: 15px;font-size: 16px;line-height: 34px;color: #444;}
.sitemap .depth2_list .depth2_item:before{display: block;position: absolute;top: 14px;left: 0;width: 6px;height: 6px;border-radius: 50%;background-color: #f58553;}
.sitemap .depth2_list .depth2_item .depth2_link{}

.sitemap .depth3_list{margin: 4px 0 8px;}
.sitemap .depth3_list .depth3_item{position: relative;padding-left: 12px;font-size: 15px;line-height: 28px;font-weight: 300;}
.sitemap .depth3_list .depth3_item:before{display: block;position: absolute;top: 12px;left: 0;width: 5px;height: 5px;background-color: #0e98fd;}

@media all and (max-width: 1500px) {
    .sitemap .depth2_list{padding: 20px;}
    .sitemap .depth1_list .depth1_item{width: calc((100% - 90px) / 4);margin-right: 30px;}
}

@media all and (max-width: 1240px) {
    .sitemap .depth1_list .depth1_item{width: calc((100% - 60px) / 3);}
    .sitemap .depth1_list .depth1_item:nth-child(4n){margin-right: 30px;}
    .sitemap .depth1_list .depth1_item:nth-child(3n){margin-right: 0;}
}

@media all and (min-width: 1001px) {
    .sitemap .depth2_list .depth2_item .depth2_link:hover{text-decoration: underline;}
    .sitemap .depth3_list .depth3_item .depth3_link:hover{color: #0e98fd;}
}

@media all and (max-width: 1000px) {
    .sitemap .depth1_list .depth1_item{width: calc((100% - 40px) / 3);margin-right: 20px;}
    .sitemap .depth1_list .depth1_item:nth-child(4n){margin-right: 20px;}
    /*.sitemap .depth1_list .depth1_item:nth-child(3n){margin-right: ;}*/
}

@media all and (max-width: 800px) {
    .sitemap .depth1_list .depth1_item{width: calc((100% - 20px) / 2);}
    .sitemap .depth1_list .depth1_item:nth-child(3n){margin-right: 20px;}
    .sitemap .depth1_list .depth1_item:nth-child(2n){margin-right: 0;}

    .sitemap .depth1_list .depth1_item .depth1_link{height: 55px;font-size: 16px;line-height: 24px;}
    .sitemap .depth1_list .depth1_item .depth1_link:before{width: 10px;height: 10px;}

    .sitemap .depth2_list .depth2_item{padding-left: 10px;font-size: 14px;line-height: 30px;}
    .sitemap .depth2_list .depth2_item:before{top: 12px;width: 4px;height:4px;}

    .sitemap .depth3_list .depth3_item{padding-left: 10px;font-size:14px;line-height: 26px;}
    .sitemap .depth3_list .depth3_item:before{top: 11px;width: 4px;height: 4px;}
}

@media all and (max-width: 640px) {
    .sitemap .depth1_list .depth1_item{width: 100%;margin-right: 0;}
    .sitemap .depth1_list .depth1_item:nth-child(2n){margin-right: 0;}
}