@media screen and (max-width: 1480px) {
    /* ruleset for 1261px - 1480px */
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-modal2 .modal-table-wrap{max-height:230px;}
    
    /*연습관리 practice*/
    .manager .tab-wrap{padding: 40px;}
    .manager-practice-tab li a{padding: 15px; font-size: 17px; letter-spacing: -0.5px;}
    .manager-practice-tab li.actived a, .manager-practice-tab li:hover a{padding: 14px;}
    
    
    /*서류관리 document*/
    .document-wrap .notice-list .writer{font-size: 15px;}
}

@media screen and (max-width: 1260px) {
    /* ruleset for 961px - 1260px */
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-modal2 .modal-table-wrap{max-height:180px;}
    
    /*모임정보관리 groupInfo*/
    .manager-groupInfo-wrap .count{font-size: 15px;}
    
    /*출석및스케줄 attendance*/
    .manager-attendanceWrap .schedule-date{position:inherit; left:inherit; transform: none; top:inherit;}
    
    /*출석관리 상세 attendanceInfo*/
    .manager .attendanceInfo-top-wrap .date-wrap .title p{font-size: 28px;}
    .manager .attendanceInfo-count-wrap{padding: 30px;}
    .manager .attendanceInfo-count-wrap .title p{font-size: 16px;}
    .manager .attendanceInfo-count-wrap .total{font-size: 20px;}
    .manager .attendanceInfo-top-wrap .date-wrap .title .calendar{width: 35px;height: 35px;}
    .manager .attendanceInfo-top-wrap .date-wrap .title .calendar i{font-size: 17px;}
    .manager .attendanceInfo-count-wrap .total span{font-size: 38px;}
    
    /*연습관리 practice*/
    .manager-practice-tab li{width: calc(33.33% - 6.7px);}
    .manager-practice-tab li:nth-child(3n){margin-right: 0px;}
    .manager-practice-tab li:nth-child(4n){margin-right: 10px;}
    .manager-practice-tab li a{letter-spacing: -1px;}
    .manager-practice-partWrap .part-title .level li{font-size: 15px;}
    
     /*스케줄 추가 schedule*/
    .manager-scheduleWrap .attendanceBtn .comm-btn{width: 120px;}
    .manager-scheduleWrap .schList-box > p.title{font-size: 12px;}
    
    /*스케줄 추가 schedule_add*/
    .schedule-add-table .choir-list-wrap .sel-w160px{width: 120px;}
    .schedule-add-table .choir-list-wrap .text-wrap input{width: calc(100% - 130px);}
    .schedule-add-table .choir-list-wrap .num{width: 40px;}
    .schedule-add-table .choir-list-wrap .title{width: calc(50% - 185px);}
    .repeat-radio-wrap label{font-size: 15px;}
    
    
    /*성가표저장 choirList*/
    .manager-choirList-table.page-table2 td, .manager-choirList-table.page-table2 th{padding:5px 10px;}
    
    /*입출금내역 일별 receipt*/
    .receiptWrap .receipt-tap li{margin-right: 10px;}
    .receiptWrap .receipt-tap li span.icon{width: 70px; height: 70px;}
    .receiptWrap .receipt-tap li:nth-child(1) span.icon:after{width: 42px;}
    .receiptWrap .receipt-tap li:nth-child(2) span.icon:after{width: 35px;}
    .receiptWrap .receipt-tap li:nth-child(3) span.icon:after{width: 35px;}
    .receiptWrap .receipt-tap li .receiptInfo-box{margin-left: 10px;}
    .receiptWrap .receipt-tap li .receiptInfo-box span.title{font-size: 14px;}
    .receiptWrap .receipt-tap li .receiptInfo-box .price{font-size: 23px;}
    .receiptWrap .receipt-tap li .receiptInfo-box .price span{font-size: 15px;}
    
    .receiptWrap .receipt-day-sel .sel-w120px{width: 110px;}
    .receiptWrap .receipt-day-sel .comm-btn{width: 120px;}
    
    
    /*내역추가 receipt_add*/
    .receiptAdd-table .img-upload li{width: 160px;height: 160px;}
    
    /*내역정보 receipt_detail*/
    .receipt-img .swiper-slide-active {border: none;}
    .receipt-img .swiper-slide img{max-height: 400px;}
    .thumbs-receipt .swiper-slide{width: 115px!important;height: 115px;}
    
    /*회비 일반납부 모달 manager_dueModal*/
    .dueTable2{max-height: 190px;}
    .dueModal2 .dueTable2{max-height: 110px;}
    .dueModal3 .dueTable3{max-height:280px;}

    .dueTable2 tr.grayBg td{font-size: 15px;}
    
    
    /*회비납부내역 세부내용 due_detail*/
    .manager-dueDetail-wrap .tab-wrap .titleBox .title{font-size: 25px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li{margin-right: 10px; padding: 20px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .text p{font-size: 16px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .text span{font-size: 12px; letter-spacing: -0.5px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .total{font-size: 45px;}
    
    
}

@media screen and (max-width: 960px) {
    /* ruleset for 769px - 960px*/
    
    /*출석및스케줄 attendance*/
    .manager-attendanceList.attendance-list .list li .sch-title{width: 100%; padding-right: 0;}
    .manager-attendanceWrap .schedule-date{position:absolute; left:50%; top:0; transform: translateX(-50%);}
    .manager-attendanceWrap .calendar-month-wrap .dates ul li.actived p.day:before{width: 26px;height: 26px;}
    .manager-attendanceWrap .schList-box.sch3{top:calc(33.2% + 82px);}
    
    
    
    /*출석관리 상세 attendanceInfo*/
    .manager .attendanceInfo-top-wrap .date-wrap .title p{font-size: 25px;}
    .manager .attendanceInfo-top-wrap .date-wrap .title p.date:after{height: 17px;}
    
    .manager .attendanceInfo-count-wrap{flex-wrap: wrap; width: 106%; margin-left: -3%; padding: 30px 3%;}
    .manager .attendanceInfo-count-wrap .all-attend{width: 100%; margin-right: 0; margin-bottom: 10px; display:flex; justify-content: space-between; align-items: center; padding:0 50px; height: 90px;}
    .manager .attendanceInfo-count-wrap .all-attend .title{text-align: left;}
    .manager .attendanceInfo-count-wrap .all-attend .total{margin-top: 0;}
    .manager .attendanceInfo-count-wrap .part-attend{width:100%; height: 120px;}
    .manager .attendanceInfo-count-wrap .title p{font-weight: 600;}
    
    .manager .pc-attendanceInfo-table{display:none}
    .manager .m-attendanceInfo-table{display:block;}
    .manager .attendanceInfo-list li{display:flex; justify-content: space-between; align-items: center; border:1px solid #d7d7d7; border-left: 0;border-radius: 5px; padding-left: 5px; position:relative; overflow: hidden; margin-top: 10px;}
    .manager .attendanceInfo-list li:before{content:''; display:block; position:absolute; top:0; left:0; width: 5px; height: 100%;}
    .manager .attendanceInfo-list li.attend1:before{background: #276cad;}
    .manager .attendanceInfo-list li.attend2:before{background: #dd3413;}
    .manager .attendanceInfo-list li .info-wrap{width: 78%; padding:20px;}
    .manager .attendanceInfo-list li .info-wrap .name{display:flex; justify-content: flex-start; align-items: center; }
    .manager .attendanceInfo-list li .info-wrap .name p{color:#333; font-size: 20px; font-weight: 600; max-width: calc(100% - 45px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .manager .attendanceInfo-list li .info-wrap .name span{display:inline-block; margin-left: 5px; font-size: 13px; color:#fff; padding:3px 6px 4px; border-radius: 5px; vertical-align: bottom;}
    .manager .attendanceInfo-list li.attend1 .info-wrap .name span{background: #276cad;}
    .manager .attendanceInfo-list li.attend2 .info-wrap .name span{background: #dd3413;}
    .manager .attendanceInfo-list li p.part{font-size: 14px; color:#888; margin-top: 5px;}
    .manager .attendanceInfo-list li p.absence-text{font-size: 14px; color:#dd3413; margin-top: 20px;}
    .manager .attendanceInfo-list li .attend-per{width: 22%; padding:20px; text-align: center; }
    .manager .attendanceInfo-list li:after{content:''; display:block; width: 1px; height: 100%; background: #d7d7d7;position:absolute; top:0; right:22%; }
    .manager .attendanceInfo-list li .attend-per .pro{color:#333; font-size: 38px; font-weight: 600; font-family: 'roboto';}
    .manager .attendanceInfo-list li .attend-per .pro span{font-size: 25px; color:#333;}
    .manager .attendanceInfo-list li .attend-per > span{display:block; font-size: 14px; color: #888; margin-top: 5px;}
    
    
    /*연습관리 practice*/
    .pc-manager-practice-tab{display: none;}
    .m-manager-practice-tab{display:block;}
    .manager .tab-wrap{padding: 0;}

    .manager-practice-tab li{margin-right: 20px; width: 45%;}
    .manager-practice-tab li:nth-child(3n){margin-right: 20px;}
    .manager-practice-tab li:nth-child(4n){margin-right: 20px;}
    
    /*스케줄 추가 schedule_add*/
    .schedule-add-table.page-table1 th {width: 20%;}
    .schedule-add-table.page-table1 td {width: 80%;}
    
    .schedule-add-table .add-choir-wrap{margin-top: 5px;}
    .schedule-add-table .choir-list-wrap{padding:0; border:none; border-radius: 0; margin-top: 20px;}
    .schedule-add-table .choir-list-wrap > li{border:1px solid #d7d7d7; border-radius: 5px; margin-bottom: 10px; padding: 20px; flex-wrap:wrap; position:relative; padding-bottom: 65px;}
    .schedule-add-table .choir-list-wrap > li:last-child{border:1px solid #d7d7d7; margin-bottom: 5px;}
    .schedule-add-table .choir-list-wrap > li.actived{background: #f0f5f9;}
    .schedule-add-table .choir-list-wrap > li .title{cursor: pointer;}
    
    .choir-list-wrap .num{display:none;}
    .choir-list-wrap .pc-none{display:block; margin-bottom: 10px;}
    .schedule-add-table .choir-list-wrap .title{width: calc(100% - 26px); padding-right:40px; line-height: 30px; margin-bottom: 10px; font-size: 17px;}
    .schedule-add-table .choir-list-wrap .text-wrap{width: calc(100% - 40px); margin-right: 0; position:absolute; bottom:20px; left:20px;}

    .schedule-add-table .choir-list-wrap .sel-w160px{background: #fff;}
    .schedule-add-table .choir-list-wrap .selectBox .label:after{content: '\f0d7'; display: block; font-weight: 900; font-size: 16px; color: #888; font-family: "Font Awesome 6 Pro"; position:absolute; top:50%; right:0; transform: translateY(-50%); margin-right: 20px;}
    
    .schedule-add-table .choir-list-wrap .arrow-btn-wrap{position:absolute; top:20px; right:20px;}
    .schedule-add-table .choir-list-wrap .arrow-btn-wrap a{display:none}
    .schedule-add-table .choir-list-wrap .arrow-btn-wrap a.sort{display:flex; margin-right: 0;}
    

    /*스케줄 추가 모달 scheduleAdd_modal*/
    .scheduleAdd-modal .search-box input{width: calc(100% - 130px);}
    .scheduleAdd-modal .modal-table-wrap{max-height:335px;}
    
    /*성가표저장 choirList*/
    .manager-choirList-sel-wrap .f-left{display:none;}
    .manager-choirList-sel-wrap .f-right{width: 100%; justify-content: space-between;}
    .manager-choirList-sel-wrap .f-right input{width:calc(100% - 130px);}
    .manager-choirList-table.page-table2 td, .manager-choirList-table.page-table2 th{padding: 5px;}
    
    .m-choirList-save{display:flex;}
    
    /*입출금내역 일별 receipt*/

    .receiptWrap{margin-top: 0;}
    .receiptWrap .tab-wrap{background: #f5f5f5; width: 106%; margin-left: -3%; padding:30px 3% 10px;}
    .receiptWrap .receipt-tap{flex-wrap:wrap;}
    .receiptWrap .receipt-tap li{width: 100%; margin-right: 0;}
    .receiptWrap .receipt-tap li span.icon{display:none;}
    .receiptWrap .receipt-tap li.total-amount .receiptInfo-box{text-align: center; width: 100%; margin-left: 0;}
    .receiptWrap .receipt-tap li.total-amount .receiptInfo-box .price{width: 100%; justify-content: center;font-size: 30px; margin-top: 8px;}
    
    
    .receiptWrap .receipt-tap li.receipt-amount{border:none; background: transparent; padding:15px 0; border-radius: 0;}
    .receiptWrap .receipt-tap li:nth-child(2){border-bottom:1px solid #d7d7d7;}
    .receiptWrap .receipt-tap li.receipt-amount .receiptInfo-box{display:flex; justify-content: space-between; align-items: center; width: 100%; }
    .receiptWrap .receipt-tap li .receiptInfo-box span.title{font-size: 15px;}
    .receiptWrap .receipt-tap li .receiptInfo-box .price{font-size: 16px;}
    .receiptWrap .receipt-tap li .receiptInfo-box .price span{font-size: 15px; font-weight: 400; vertical-align: middle; margin-top: -3px; margin-left: 3px;}
    .receiptWrap .page-sel-wrap{flex-wrap:wrap;}
    .receiptWrap .receipt-day-sel .f-left{width: 100%;}
    .receiptWrap .receipt-day-sel .f-left .sel-w120px{width: 20%;}
    .receiptWrap .receipt-day-sel .f-right{width: 100%; margin-top: 10px;}
    .receiptWrap .receipt-day-sel .f-right .sel-w120px {width: 120px;}
    
    .receipt-day-table{display:none;}
    .m-receipt-day-table{display:table;}
    .m-receipt-day-table td span{display:inline-block; vertical-align: middle; margin-top: -4px; margin-right: 5px;}
    .m-receipt-day-table td .price{font-size: 16px; font-weight: 600; color:#333;}
    .m-receipt-day-table td .use-price{font-size: 14px; color:#888;}
    
    
    
    /*입출금 내역 월별 receipt_month*/
    
    .receipt-month-table{display:none;}
    .m-receipt-month-table{display:block;}
    .m-receipt-month-table .receipt-thead{display:flex; justify-content: flex-start; align-items: center;  border-top: 2px solid #276cad; background: #f0f5f9; border-bottom: 1px solid #d7d7d7;}
    .m-receipt-month-table .receipt-thead p{display:flex; justify-content: center; align-items: center;font-weight: 500; color: #333; font-size: 15px; height: 50px;}
    .m-receipt-month-table .receipt-thead p:nth-child(1){width: 20%; border-right: 1px solid #d7d7d7;}
    .m-receipt-month-table .receipt-thead p:nth-child(2){width: 80%;}
    
    
    .m-receipt-month-table .receipt-tbody .tbodyList .text{display: flex;justify-content: flex-start; align-items: center; cursor: pointer;}
    .m-receipt-month-table .receipt-tbody .tbodyList .text p{display:flex; justify-content: center; align-items: center;font-size: 15px; height: 50px; border-bottom: 1px solid #d7d7d7; padding:0 10px;}
    .m-receipt-month-table .receipt-tbody .tbodyList .text p:nth-child(1){width: 20%;border-right: 1px solid #d7d7d7;}
    .m-receipt-month-table .receipt-tbody .tbodyList .text p:nth-child(2){width:80%; justify-content: flex-end; font-weight: 600;color: #333;}
    .m-receipt-month-table .receipt-tbody .tbodyList .text p:nth-child(2):after{content:'\f0d7'; display:inline-block; font-size: 14px; color:#aaa; font-weight: 900;font-family:"Font Awesome 6 Pro"; margin-left: 5px;}

    
    .m-receipt-month-table .receipt-tbody .list-detail{display:none;}
    .m-receipt-month-table .receipt-tbody .text-detail{display:flex; justify-content: flex-start;align-items: center; width: 100%;}
    .m-receipt-month-table .receipt-tbody .text-detail p{display:flex; justify-content: center; align-items: center;font-size: 15px; height: 50px; border-bottom: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;}
    .m-receipt-month-table .receipt-tbody .text-detail p:nth-child(1){width: 20%; background: #f5f5f5;}
    .m-receipt-month-table .receipt-tbody .text-detail p:nth-child(2){width: 20%;}
    .m-receipt-month-table .receipt-tbody .text-detail .txt{width: 60%; border-bottom: 1px solid #d7d7d7; height: 50px; display:flex; align-items: center; justify-content: flex-start; padding:0 10px;}
    .m-receipt-month-table .receipt-tbody .text-detail .txt input{height: 40px; width: 100%;}
    
    
    .m-receipt-month-table .receipt-tbody .tbodyList.actived .text{background: #f5f5f5;}
   .m-receipt-month-table .receipt-tbody .tbodyList.actived .text p:nth-child(2):after{content:'\f0d8';}
    
    
    
   /*내역추가 receipt_add*/
    .receiptAdd-table.page-table1 th{width: 20%;}
    .receiptAdd-table.page-table1 td{width: 80%;}
    .receiptAdd-table .sel-w360px{width: 100%;}
    .receiptAdd-table .input-w70pro{width: 100%;}
    .receiptAdd-table .img-upload li{width: 120px;height: 120px;}
    
    /*회비납부관리 due*/
    .manager-due-sel .f-right .alarm-wrap{height: 20px; top:-10px;}
    .manager-due-sel .f-right .alarm-wrap i{font-size: 10px;}
    .manager-due-sel .f-right .alarm-wrap .num{font-size: 13px;}
    
    /*회비 일반납부 모달 manager_dueModal*/
    .manager-due-title .move-btn{width: 30px;height: 30px; margin-bottom: -2px;}
    .dueTable2{max-height: 30vh;}
    .dueModal2 .dueTable2{max-height:20vh;}
    .dueModal3 .dueTable3{max-height:40vh;}
    
    
    /*회비납부내역 세부내용 due_detail*/
    .manager-dueDetail-wrap{margin-top: 0;}
    .manager-dueDetail-wrap .tab-wrap{padding:30px 3%; background: #f5f5f5; width: 106%; margin-left: -3%; flex-wrap:wrap;}
    .manager-dueDetail-wrap .tab-wrap .titleBox{width: 100%; display:flex; justify-content: flex-start; align-items: flex-end; margin-bottom: 15px;}

    .manager-dueDetail-wrap .tab-wrap .titleBox .title{font-size: 23px; margin-right: 5px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues{width: 100%; flex-wrap:wrap;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li{margin-right: 0; padding: 30px; width: 50%; box-shadow: none;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li:nth-child(1){width: 100%; margin-bottom: 10px; margin-right: 0;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .text p{font-size: 18px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li:nth-child(2){border-radius: 5px 0 0 5px; border-right:0; position:relative;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li:nth-child(2):after{content:''; display:block;position:absolute; top:50%; right:0; height:60%; width:1px; border-right:1px dashed #d7d7d7; transform: translateY(-50%);}
    .manager-dueDetail-wrap .tab-wrap .total-dues li:nth-child(3){border-radius: 0 5px 5px 0; border-left:0;}
    
    
    
    /*서류관리 document*/
    .document-wrap .notice-list .writer{display:none;}
    .document-wrap.notice-list-wrap .notice-list a .subject{width: 85%;}
    
    
    /*계좌관리 account*/
    .account-wrap .account-inner{flex-wrap:wrap;}
    .account-wrap .account-inner .account-image{width: 100%; margin-bottom: 30px;}
    .account-wrap .account-inner .account-info-wrap{width: 100%;}
    

    
}

@media screen and (max-width: 768px) {
    /* ruleset for 577px - 768px*/
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-modal2 .modal-table-wrap{max-height:175px;}
    
    /*모임정보관리 groupInfo*/
    .manager-groupInfo-wrap .count{font-size: 14px;}
    
    /*출석관리 상세 attendanceInfo*/
    .manager .attendanceInfo-top-wrap .date-wrap .title p{font-size: 23px;}
    .manager .attendanceInfo-top-wrap .f-right a{width:35px; height: 35px; border:1px solid #d7d7d7; background: #f5f5f5; font-size: 0; display:flex; justify-content: center; align-items: center;}
    .manager .attendanceInfo-top-wrap .f-right a:last-child{margin-left: 5px;}
    .manager .attendanceInfo-top-wrap .f-right a:after{display:block; color:#aaa; font-size: 13px; font-weight: 900; font-family: "Font Awesome 6 Pro";}
    .manager .attendanceInfo-top-wrap .f-right a:first-child:after{content:'\f053';}
    .manager .attendanceInfo-top-wrap .f-right a:last-child:after{content:'\f054';}
    
    .manager .attendanceInfo-count-wrap .all-attend{padding: 0 30px;}
    .manager .attendanceInfo-list li .info-wrap .name p{font-size: 18px;}
    
    /*연습관리 practice*/
    .manager-practice-tab li{width: 65%;}
    .manager-practice-partWrap .part-title .level li{font-size: 14px;}
    
    
    /*스케줄 추가 schedule_add*/
    .schedule-add-table.page-table1 th{padding:0 10px;}
    .schedule-add-table .sel-w360px{width: 100%;} 

    .repeat-radio-wrap label{font-size: 14px; }
    .schedule-add-table .choir-list-wrap .sel-w160px{width: 110px;}
    .schedule-add-table .choir-list-wrap .text-wrap input{width: calc(100% - 120px);}
    .schedule-add-table .selectBox .label{padding: 0 35px 0 15px;}
    .schedule-add-table .selectBox:after{margin-right: 25px;}
    .schedule-add-table .weekly-check label{margin-right: 25px;}
    .schedule-add-table .date{width: 100%;}
    .add-choir-wrap a{width: 50%;}
    
    /*스케줄 추가 모달 scheduleAdd_modal*/
    .scheduleAdd-modal .modal-table-wrap{max-height: 285px;}
    
    
    /*성가표저장 choirList*/
    .manager-choirList-table colgroup col:nth-child(1){width: 23% !important;}
    .manager-choirList-table colgroup col:nth-child(3),.manager-choirList-table colgroup col:nth-child(4),.manager-choirList-table colgroup col:nth-child(5),.manager-choirList-table colgroup col:nth-child(6),.manager-choirList-table colgroup col:nth-child(7),.manager-choirList-table colgroup col:nth-child(8),.manager-choirList-table colgroup col:nth-child(9){width: 11% !important;}
    
    .m-choirList-none colgroup col:nth-child(2) {display:none;}
    .m-choirList-none tr th:nth-child(2),.m-choirList-none tr td:nth-child(2){display:none;}
    
    /*입출금 내역 일별 receipt*/
    .receiptWrap .receipt-tap li .receiptInfo-box span.title{font-size: 14px;}
    .receiptWrap .receipt-tap li.total-amount .receiptInfo-box .price{font-size: 28px;}
    .receiptWrap .receipt-tap li .receiptInfo-box .price span{font-size: 14px;}
    
    .receiptWrap .receipt-day-sel .f-left .sel-w120px:nth-child(2), .receiptWrap .receipt-day-sel .f-left .sel-w120px:nth-child(5){width: 25%;}

    
    /*입출금 내역 월별 receipt_month*/
    
    .m-receipt-month-table .receipt-tbody .text-detail p:nth-child(2){width: 30%;}
    .m-receipt-month-table .receipt-tbody .text-detail .txt{width: 50%;}
    .m-receipt-month-table .receipt-tbody .tbodyList .text p{font-size: 14px;}
    .m-receipt-month-table .receipt-tbody .text-detail p{font-size: 14px;}
    
   /*내역추가 receipt_add*/
    .receiptAdd-table .sel-w120px{width: 50%;}
    .receiptAdd-table .img-upload li{width: 85px;height: 85px;}
    
    /*내역정보 receipt_detail*/
    .thumbs-receipt .swiper-slide{width: 80px !important; height: 80px;}
    
    /*회비 일반납부 모달 manager_dueModal*/
    .dueTable2 tr.grayBg td{font-size: 14px;}
    
    /*회비납부내역 세부내용 due_detail*/
    .manager-dueDetail-wrap .tab-wrap .total-dues li{padding: 20px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .text p{font-size: 16px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .total{font-size: 40px;}
    
    .manager-dueDetail-wrap  .page-sel-wrap{width: 100%; flex-wrap:wrap; padding-top:60px; position:relative;}
    .manager-dueDetail-wrap  .page-sel-wrap .f-left{width: 100%;}
    .manager-dueDetail-wrap  .page-sel-wrap .sel-w120px{width: 33.33%;}
    .manager-dueDetail-wrap  .page-sel-wrap .f-right{position:absolute; top:0; right:0;}

    
    /*회비납부내역 세부내용 due_detail*/
    .dueModal1 .dueSel-wrap .calendar-popup, .dueModal2 .dueSel-wrap .calendar-popup{top:42px;}
    .dueModal1 .dueSel-wrap .input-h40px{height: 30px;}
    
    
    /*계좌수정 및 등록 account-write account-update*/
    .account-write-wrap .myInfo-list .title {width: 35%;}
    .account-write-wrap .myInfo-list .text {width: 65%;}
    .account-write-wrap .myInfo-list .adress {flex-wrap:wrap; justify-content: flex-end;}
    .account-write-wrap .myInfo-list .adress a{width: 100%; font-size: 14px; position:inherit; background: #276cad; margin-top: 5px;}
    .account-write-wrap .myInfo-list .adress a:after {display:none;}
    .account-write-wrap .myInfo-list .groupCreate-mass .sel-w160px {width: 100%;}
    .account-write-wrap .myInfo-list .groupCreate-mass .sel-w160px.pc-mr10 {margin-right: 0;}
    
    
    
    
    
}

@media screen and (max-width: 576px) {
    /* ruleset for 375px - 576px */
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-modal2 .modal-table-wrap{max-height:120px;}
    .memberList-modal2 .selectBox{height: 35px; line-height: 34px;}
    
    /*가입승인리스트 approval*/
    .approval-wrap .page-table2 td, .approval-wrap .page-table2 th{padding:8px 2px;}
    
    /*출석및스케줄 attendance*/
    .manager-attendanceWrap .schedule-top-wrap .btn-w80px{width: 60px}
    .manager-attendanceWrap .schedule-top-wrap .comm-btn{width: 135px;}
    .manager-attendanceWrap .schedule-top-wrap .comm-btn.pc-mr10{margin-right: 5px;}
    .manager-attendanceWrap .schList-box.sch3{top:calc(33.2% + 75px);}
    
    
    /*출석관리 상세 attendanceInfo*/
    .manager .attendanceInfo-top-wrap{flex-wrap:wrap;}
    .manager .attendanceInfo-top-wrap .calendar-popup{top:60px;}
    .manager .attendanceInfo-top-wrap .date-wrap .sch-date{flex-wrap:wrap; width: calc(100% - 45px);}
    .manager .attendanceInfo-top-wrap .date-wrap .sch-date p.kind-practice{margin-top: 5px;}
    .manager .attendanceInfo-top-wrap .f-right{margin-top: 30px; width: 100%;}
    .manager .attendanceInfo-top-wrap .f-right a{width: 50%; font-size: 14px; height: 45px; border:none;}
    .manager .attendanceInfo-top-wrap .f-right a:first-child{background: #276cad;}
    .manager .attendanceInfo-top-wrap .f-right a:last-child{background: #f5b415; margin-left: 10px;}
    .manager .attendanceInfo-top-wrap .f-right a:after{display:none;}
    
    
    .manager .attendanceInfo-count-wrap{margin-top: 10px;}
    
    .manager .attendanceInfo-count-wrap .all-attend{padding: 0 20px; height: 80px;}
    .manager .attendanceInfo-count-wrap .title p{font-size: 14px;}
    .manager .attendanceInfo-count-wrap .title span{font-size: 11px;display:block; margin-top: 2px;}
    .manager .attendanceInfo-count-wrap .total{font-size: 15px;}
    .manager .attendanceInfo-count-wrap .total span{font-size: 28px;}
    
    .manager .attendanceInfo-count-wrap .part-attend{height: 100px; padding: 0;}
    

    .manager .attendanceInfo-count-wrap .total{margin-top: 6px;}
    
    .manager .attendanceInfo-sel-wrap {width: 100%;}
    .manager .attendanceInfo-sel-wrap .f-right{width: 100%;}
    .manager .attendanceInfo-sel-wrap.page-sel-wrap .f-right .selectBox{width: 50%;}
    
    .manager .attendanceInfo-list li .info-wrap .name p{font-size: 17px;}
    .manager .attendanceInfo-list li .attend-per{width: 25%; padding: 20px 10px;}
    .manager .attendanceInfo-list li:after{right:25%;}
    .manager .attendanceInfo-list li .attend-per .pro{font-size: 28px;}
    .manager .attendanceInfo-list li .attend-per .pro span{font-size: 14px;}
    .manager .attendanceInfo-list li .info-wrap .name span{margin-bottom: -3px;}
    
    /*연습관리 practice*/

    .manager-practice-tab li{width: 85%; margin-right: 15px;}
    .manager-practice-tab li:nth-child(3n){margin-right: 15px;}
    .manager-practice-tab li:nth-child(4n){margin-right: 15px;}
    .manager-practice-tab li a{font-size: 17px; height: 60px;}
    .manager-practice-tab li.actived a, .manager-practice-tab li:hover a{ height: 60px;}
    .manager-practice-partWrap .part-title{flex-wrap: wrap;}
    .manager-practice-partWrap .part-title .level{width: 100%; margin-top: 10px;}
  
    .manager-practice-partWrap .part-title .level li{font-size: 15px;}
    .manager-practice-partWrap .part-title .level li:after{margin: 0 5px;}
    .manager-practice-wrap .page-table2 td, .manager-practice-wrap .page-table2 th{font-size: 13px;}
    .manager-practice-wrap .page-table2 td, .page-table2 th{padding: 5px 1px;}
    .manager-practice-wrap colgroup col:nth-child(1){width: 10% !important;}
    .manager-practice-wrap colgroup col:nth-child(3){width: 32% !important;}
    .manager-practice-wrap colgroup col:nth-child(4){width: 16% !important;}
    .manager-practice-wrap colgroup col:nth-child(5){width: 22% !important;}
    
    /*스케줄관리 schedule*/
    .manager-scheduleWrap .schedule-top-wrap .m-date-wrap{width: 60px;}
    .manager-scheduleWrap .schedule-top-wrap .btn-w80px{width: 60px;}
    .manager-scheduleWrap .schedule-top-wrap .attendanceBtn .selectBox{width: 65px;}
    .manager-scheduleWrap .attendanceBtn .comm-btn{width: 100px;}
    
    
    /*스케줄관리 모달 manager_scheduleModal*/
    .manager-schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title .selectBox{width: 60px;}
    .manager-schedule-modal.schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title{padding-bottom:0;}
   
    
    /*스케줄 추가 schedule_add*/
    .schedule-add-table.page-table1 th{width: 25%; padding: 0 5px;}
    .schedule-add-table.page-table1 td{width: 75%; padding:5px 10px;}
    
    .schedule-add-table .schedule-time-wrap{flex-wrap:wrap;}
    .schedule-add-table .schedule-time-wrap .sel-w120px{width: calc(50% - 21px);}
    .schedule-add-table .schedule-time-wrap .sel-w120px:nth-child(1){margin-bottom: 10px;}

    .schedule-add-table .schedule-time-wrap .sel-w120px:nth-child(3){margin-bottom: 10px;}
    .schedule-add-table .schedule-time-wrap span:nth-child(2){margin-bottom: 10px;}
    .schedule-add-table .schedule-time-wrap span:nth-child(4){margin-bottom: 10px;}
    .schedule-add-table .weekly-check{flex-wrap:wrap;}
    .schedule-add-table .weekly-check label{height: 30px; margin-right: 20px;}
    .schedule-add-table .date:after{font-size: 20px;}
    
    .schedule-add-table .choir-list-wrap{margin-top: 10px;}
    .schedule-add-table .choir-list-wrap > li{padding: 10px; padding-bottom: 100px;}
    .choir-list-wrap .pc-none{margin-right: 5px;}
    .schedule-add-table .choir-list-wrap .title{font-size: 14px; padding-right: 0; letter-spacing: -0.5px; width: calc(100% - 20px);}
    .schedule-add-table .choir-list-wrap .arrow-btn-wrap{display:none;}
    .schedule-add-table .choir-list-wrap .text-wrap{flex-wrap:wrap; width: calc(100% - 20px); left:10px; bottom:10px;}
    .schedule-add-table .choir-list-wrap .sel-w160px{width: 100%; margin-right: 0; margin-bottom: 5px;}
    .schedule-add-table .choir-list-wrap .text-wrap input{width: 100%;}
    
    .repeat-radio-wrap{flex-wrap:wrap;}
    
    /*스케줄 추가 모달 scheduleAdd_modal*/
    .scheduleAdd-modal .modal-table-wrap{max-height: 185px;}
    .scheduleAdd-modal .search-box{position:relative;}
    .scheduleAdd-modal .search-box input{width: 100%; padding-right:45px;}
    .scheduleAdd-modal .search-box a.comm-btn{position:absolute; top:0; right:0; width: 45px; font-size: 0; background: none;}
    .scheduleAdd-modal .search-box a.comm-btn:after{content:'\f002'; display:block; position:absolute;top:50%; left:50%; transform: translate(-50%, -50%); color:#aaa; font-size: 16px; font-weight: 900; font-family: "Font Awesome 6 Pro"; }
    
    /*성가표저장 choirList*/
    .manager-choirList-table td input{font-size: 13px;}
    
    
    /*입출금 내역 일별 receipt*/
    .receiptWrap .receipt-tap li {padding: 20px;}
    .receiptWrap .receipt-tap li.total-amount .receiptInfo-box .price{font-size: 25px;}
    .receiptWrap .receipt-tap li.receipt-amount{padding: 12px 0;}
    .receiptWrap .receipt-day-sel{position:relative;}
    .receiptWrap .receipt-day-sel .selectBox .label{padding: 0 20px 0 10px;}
    .receiptWrap .receipt-day-sel .f-left{flex-wrap:wrap;}
    .receiptWrap .receipt-day-sel .f-left .pc-mr10{margin-right: 5px;}
    .receiptWrap .receipt-day-sel .f-left .sel-w120px:nth-child(1){width: 90px;  margin-right: calc(100% - 100px)}
    .receiptWrap .receipt-day-sel .f-left .sel-w120px:nth-child(n + 2):nth-child(-n + 6){ margin-top: 10px;}
    .receiptWrap .receipt-day-sel .f-left span.pc-mr10{ margin-top: 10px;}
    .receiptWrap .receipt-day-sel .f-left .sel-w120px:nth-child(2), .receiptWrap .receipt-day-sel .f-left .sel-w120px:nth-child(5){width: calc(28% - 7.6px);}
    .receiptWrap .receipt-day-sel .f-right{position:absolute; top:0; right:0; margin-top: 0;}
    
    .receiptWrap .receipt-day-sel .f-right .sel-w120px{width: 90px;}
    .receiptWrap .receipt-day-sel .comm-btn{width: 90px;}
    
    .m-receipt-day-table colgroup col:nth-child(1){width: 26% !important;}
    .m-receipt-day-table colgroup col:nth-child(2){width: 37% !important;}
    .m-receipt-day-table colgroup col:nth-child(3){width: 37% !important;}
    
    .m-receipt-day-table td .price{font-size: 15px;}
    .m-receipt-day-table td .use-price{font-size: 13px;}
    
    
    /*입출금 내역 년별 receipt*/
    .receiptWrap .receipt-year-sel .pc-mr10{margin-right: 5px;}
    .receiptWrap .receipt-year-sel .f-left{width: 50%;}
    .receiptWrap .receipt-year-sel .f-left .sel-w120px{width: 45%;}
    .receiptWrap .receipt-year-sel .f-right{width: 50%;}
    .receiptWrap .receipt-year-sel .f-right .sel-w120px{width: 45%;}
    .receiptWrap .receipt-year-sel .f-right .comm-btn{width: 45%;}
    
    
    /*내역추가 receipt_add*/
    .receiptAdd-table.page-table1 th{width: 30%;}
    .receiptAdd-table.page-table1 td{width: 70%;}
    .receiptAdd-table .img-upload li{width: 75px;height: 75px; margin-top: 5px;margin-right: 5px;}

    
    /*내역정보 receipt_detail*/
    .receipt-img .swiper-slide img{max-height: 280px;}
    .thumbs-receipt .swiper-slide{width: 65px !important; height: 65px;}
    
    
    /*회비납부관리 due*/
    .manager-due-sel .f-right .alarm-wrap{right: 5px;}
    .manager-due-sel.page-sel-wrap .f-left .sel-w120px{width: 100px;}
    .manager-due-sel .pc-mr10{margin-right: 5px;}
    .manager-due-sel .comm-btn{width: 100px;}
    
    
    /*회비 일반납부 모달 manager_dueModal*/
    .dueModal1 .input-h40px{height: 30px;}
    .dueModal1 .modal-table-wrap .table1 th, .modal-table-wrap .table1 td{padding:5px 10px;}
    .dueModal1 .sel-table .dueModal-input{height: 35px;}
    .dueTable2 tr.grayBg td{font-size: 14px;}
    
    .dueTable2{max-height: 23vh; margin-top: 10px;}
    .dueModal2 .dueTable2{max-height: 15vh}
    
    .dueModal2 .dueSel-wrap .selectBox{height: 35px; line-height: 35px;}
    .dueModal2 .dueSel-wrap .selectBox .optionList{top:35px;}
    .dueModal2 .input-h40px{height: 30px;}
    .dueModal2 .search-box{margin-top: 10px; position:relative;}
    .dueModal2 .search-box input{width: calc(100% - 70px); height: 40px; padding-right: 40px;}
    .dueModal2 .search-box .comm-btn{height: 40px;}
    .dueModal2 .search-box .blue-btn{position:absolute; top:0; right:70px; margin-right: 0; width: 40px; font-size: 0; background: none;}
    .dueModal2 .search-box .blue-btn:after{content: '\f002'; display: block; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#aaa; font-size: 16px; font-weight: 900; font-family:"Font Awesome 6 Pro"; }
   
     

    .dueModal3 .dueTable3.modal-table-wrap .table2 tbody tr th,.dueModal3 .dueTable3.modal-table-wrap .table2 tbody tr td{padding:5px; font-size: 13px;}
    .dueModal3 .dueTable3 .sel-table colgroup col:nth-child(3){width: 36% !important;}
    .dueModal3 .dueTable3 .sel-table colgroup col:nth-child(4){width: 26% !important;}
    
    
    /*회비납부내역 세부내용 due_detail*/
    
    .manager-dueDetail-wrap .tab-wrap .titleBox .title{font-size: 20px;}
    .manager-dueDetail-wrap .tab-wrap .titleBox span{font-size: 12px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li{padding: 20px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .text p{font-size: 15px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .text span{font-size: 10px;}
    .manager-dueDetail-wrap .tab-wrap .total-dues li .total{font-size: 35px;}
    
    .manager-dueDetail-wrap .page-sel-wrap{padding-top: 55px;}
    .manager-dueDetail-wrap .manager-due-sel.page-sel-wrap .f-left .sel-w120px{width: 33.33%;}
    
    .manager-dueDetail-wrap .manager-due-sel .comm-btn{width: 120px;}
    .manager-dueDetail-wrap .m-receipt-day-table colgroup col:nth-child(1){width: 40% !important;}
    .manager-dueDetail-wrap .m-receipt-day-table colgroup col:nth-child(2){width: 25% !important;}
    .manager-dueDetail-wrap .m-receipt-day-table colgroup col:nth-child(3){width: 35% !important;}
    
    
    /*서류관리 document*/

    .document-wrap.notice-list-wrap .notice-list a .subject{width: 80%;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}