/*단원리스트 모달 memberList_modal*/ .memberList-modal2 .modal-table-wrap .table1 th, .modal-table-wrap .table1 td.sel-in{padding:5px 0px;} .memberList-modal2 .selectBox{height: 40px;line-height: 39px; border: none;} .memberList-modal2 .selectBox .optionList{top:40px;} .memberList-modal2 .modal-table-wrap{overflow-y: auto; max-height: 280px;} /*임원설정 authority*/ .authority-sel-wrap{display:flex; justify-content: flex-start; align-items: center;} .authority-sel-wrap a.comm-btn{height:45px;} .authority-table .add-authority .selectBox{border:none; text-align: center;} .authority-table .add-authority .selectBox .label{color:#333; font-weight: 500; justify-content: center; padding: 0;} .authority-table .add-authority {padding:0;} .authority-table .add-authority .selectBox .label:after{content: '\f0dd'; display: inline-block; font-size: 16px; font-weight: 900; font-family: "Font Awesome 6 Pro"; color:#666; padding-left: 5px; margin-top: -6px;} .authority-table .add-sel-wrap .add-btn{display:flex; justify-content: center; align-items: center; border:1px solid #d7d7d7; border-radius: 5px; background: #f5f5f5; width: 35px;height: 35px;} /*모임정보관리 groupInfo*/ .manager-groupInfo-wrap .count{display:flex; justify-content: center; align-items: center; height: 50px; } /*출석및스케줄 attendance*/ .manager-attendanceWrap .schedule-date{left:50%; transform: translate(-50%, -50%);} .manager-attendanceWrap .calendar-month-wrap{width: 100%;} .manager-attendanceWrap .calendar-month-wrap .dates ul li.actived{position:relative;} .manager-attendanceWrap .calendar-month-wrap .dates ul li.actived:after{content:''; display:block; position:absolute; top:0; left:0; width:100%; height: 100%; z-index: -2; background: #fdf7e7;} .manager-attendanceWrap .calendar-month-wrap .dates ul li.actived p.day{color:#fff !important;} .manager-attendanceWrap .calendar-month-wrap .dates ul li.actived p.day:before{content: ''; display:block; width: 30px;height: 30px; position:absolute;top:0;left:0; z-index: -1; border-radius: 50%; background: #f5b415;} /*스케줄*/ .manager-attendanceWrap .schList-box > p.title span.attend{color:#fff; font-family: 'roboto'; margin-right: 5px;} .manager-attendanceWrap .schList-box.sch2{width:calc(14.28% - 6px); top:calc(33.2% + 40px ); left:3px;} .manager-attendanceWrap .schList-box.sch3{width:calc(14.28% - 6px); top:calc(33.2% + 67px ); left:3px;} /*출석및스케줄 상세 attendanceInfo*/ .manager-attendanceWrap .attendanceInfo-top-wrap{display:flex; justify-content: space-between; align-items: center;} .manager .attendanceInfo-top-wrap .date-wrap{position:relative;} .manager .attendanceInfo-top-wrap .date-wrap .title{display:flex; justify-content: flex-start; align-items: center; cursor: pointer;} .manager .attendanceInfo-top-wrap .date-wrap .title .calendar{display:flex; justify-content: center; align-items: center; margin-right: 10px;width: 40px;height: 40px; background: #eee; border-radius: 5px;} .manager .attendanceInfo-top-wrap .date-wrap .title .calendar i{color: #aaa; font-weight: 50; font-size: 20px;} .manager .attendanceInfo-top-wrap .date-wrap .title p{color:#333; font-size: 30px; font-weight: 600; } .manager .attendanceInfo-top-wrap .date-wrap .title p.date:after{content:''; display:inline-block; margin: 0 10px; width: 1px;height: 20px; background: #d7d7d7;} .manager .attendanceInfo-top-wrap .date-wrap .sch-date {display:flex; justify-content: flex-start; align-items: center; } .manager .attendanceInfo-top-wrap .f-right{display:flex; justify-content: flex-end; align-items: center;} .manager .attendanceInfo-count-wrap{width: 100%; display: flex; justify-content: space-between; align-items: center; padding:50px; background: #f5f5f5;} .manager .attendanceInfo-count-wrap .all-attend{width:calc(20% - 4px); margin-right: 20px; background: #fff; padding:20px 0; text-align: center; border-radius: 5px; border:1px solid #d7d7d7; box-shadow: 1px 1px 5px rgba(0,0,0,0.05);} .manager .attendanceInfo-count-wrap .title p{color:#333; font-weight: 500; font-size: 18px;} .manager .attendanceInfo-count-wrap .title span{color:#888; font-size: 12px;} .manager .attendanceInfo-count-wrap .total{margin-top: 10px; font-size: 22px; color:#333; font-weight: 600; font-family:'roboto';} .manager .attendanceInfo-count-wrap .total span{font-size: 50px;} .manager .attendanceInfo-count-wrap .part-attend{width: calc(80% - 16px); background: #fff; border-radius: 5px; border:1px solid #d7d7d7; box-shadow: 1px 1px 5px rgba(0,0,0,0.05); padding:20px 0; display:flex; justify-content: space-between; align-items: center;} .manager .attendanceInfo-count-wrap .part-attend li{width:25%; text-align: center; position:relative;} .manager .attendanceInfo-count-wrap .part-attend li:after{content:''; display:inline-block; width: 1px; height: 80%; border-right:1px dashed #d7d7d7; position:absolute; top:50%; right:0; transform: translateY(-50%);} .manager .attendanceInfo-count-wrap .part-attend li:last-child:after{display:none;} .manager .m-attendanceInfo-table{display:none;} .manager .attendanceInfo-table td{display:table-cell; vertical-align: middle;} .manager .attendanceInfo-table td span.text{font-size: 14px; display:inline-block; margin-top: -5px;} /*연습관리 practice*/ .manager-practice-tab{display:flex; justify-content: flex-start; align-items: center; flex-wrap:wrap; margin-bottom: -10px;} .m-manager-practice-tab{display:none;} .manager-practice-tab li{display:block; width:calc(25% - 7.5px); margin-right:10px; margin-bottom: 10px; background:#fff; border:1px solid #d7d7d7; border-radius: 5px;} .manager-practice-tab li:nth-child(4n){margin-right: 0;} .manager-practice-tab li a{display:flex; justify-content: flex-start; align-items: center;width: 100%; padding:20px; height: 65px; color:#333; font-weight: 500; font-size: 18px;} .manager-practice-tab li.actived,.manager-practice-tab li:hover {border:2px solid #276cad } .manager-practice-tab li.actived a,.manager-practice-tab li:hover a {height: 63px; padding: 19px;} .manager-practice-partWrap .part-title{display:flex; justify-content: space-between; align-items: flex-end;} .manager-practice-partWrap .part-title .level{display:flex; justify-content: flex-end; align-items: center;} .manager-practice-partWrap .part-title .level li:after{content:''; display:inline-block; width: 1px; height:10px; background: #d7d7d7; margin:0 10px; vertical-align: middle; margin-top: -3px;} .manager-practice-partWrap .part-title .level li:last-child:after{display:none;} .manager-practice-partWrap .part-title .level span.num{color:#333; font-weight: 600; font-family: 'roboto';} .manager-practice-partWrap .part-title .level span.many{color:#276cad;} .manager-practice-wrap {position:relative;} .manager-practice-wrap .cont{position:absolute; top:0; left:0; display:none;} .manager-practice-wrap .cont.actived{display:block;} /*스케줄관리 schedule*/ .manager-scheduleWrap .schList-box > p.title .time{color:#fff; font-family: 'roboto'; margin-right: 5px;} /*스케줄관리 모달 manager_scheduleModal*/ .manager-schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title{width:calc(100% - 28px);} /*스케줄추가 schedule_add*/ .manager-table-sel .selectBox{height: 45px; line-height: 44px} .manager-table-sel .selectBox .optionList{top:46px;} .manager-table-sel input[type="text"]{height: 45px;} .manager-table-sel td{padding: 5px 20px;} .schedule-add-table .schedule-time-wrap{display:flex; justify-content: flex-start; align-items: center;} .schedule-add-table .weekly-check{display:flex; justify-content: flex-start; align-items: center;} .schedule-add-table .weekly-check label{display:flex; justify-content: flex-start; align-items: center; margin-right: 30px; cursor: pointer;} .schedule-add-table .weekly-check label:last-child{margin-right: 0;} .schedule-add-table .weekly-check label > input{margin-right: 5px;} .schedule-add-table .date{position:relative; width: 70%;} .schedule-add-table .date:after{content:'\f133'; display: flex; justify-content: center; align-items: center; width: 45px;height: 45px; background: #f5f5f5; position:absolute; top:0; right:0; border-radius: 0 5px 5px 0; font-size: 22px; font-weight: 500; font-family: "Font Awesome 6 Pro"; z-index: -1; color:#aaa;} .schedule-add-table .date > input{background:transparent; font-family: 'roboto';} .schedule-add-table .add-choir-wrap {display:flex; justify-content: flex-start; align-items: center;} .schedule-add-table .choir-list-wrap {border:1px solid #d7d7d7; border-radius: 5px; margin-top: 5px; padding:20px;} .schedule-add-table .choir-list-wrap > li{display:flex; justify-content: space-between; align-items: center; padding:10px 0; border-bottom:1px dashed #d7d7d7} .schedule-add-table .choir-list-wrap > li:last-child{border-bottom:0;} .schedule-add-table .choir-list-wrap .num{font-size: 14px; color:#aaa; font-weight: 600; font-family: 'roboto'; width: 50px; text-align: center; margin-bottom: -3px;} .schedule-add-table .choir-list-wrap .title{font-weight: 500; color:#333; width: calc(50% - 195px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 10px;} .schedule-add-table .choir-list-wrap .text-wrap{width: 50%; display:flex; justify-content: flex-start; align-items: center;} .schedule-add-table .choir-list-wrap .text-wrap input{width:calc(100% - 170px);} .schedule-add-table .choir-list-wrap .arrow-btn-wrap{display:flex; justify-content: flex-end; align-items: center;} .schedule-add-table .choir-list-wrap .arrow-btn-wrap > a{display:flex; align-items: center; justify-content: center; width: 30px;height: 30px; background: #276cad; color:#fff; border-radius: 5px} .schedule-add-table .choir-list-wrap .arrow-btn-wrap > a i{font-size: 13px; } .schedule-add-table .choir-list-wrap .arrow-btn-wrap > a.remove{background: #d7d7d7; color:#888;} .schedule-add-table .choir-list-wrap .arrow-btn-wrap > a.remove i{font-size: 16px;} .choir-list-wrap .pc-none{display:none;} .repeat-radio-wrap{display:flex; justify-content: flex-start; align-items: center; } .repeat-radio-wrap label{display:flex; justify-content: flex-start; align-items: center; margin-right: 20px; cursor: pointer;} .repeat-radio-wrap label:last-child{margin-right:0;} .repeat-radio-wrap label input{margin-right: 5px; vertical-align: middle; margin-bottom: -3px;} .repeat-wrap{display:none;} /*성가 추가 scheduleAdd_modal*/ .scheduleAdd-modal .search-box{display:flex; justify-content: space-between; align-items: center;} .scheduleAdd-modal .search-box input{width:calc(100% - 170px);} .scheduleAdd-modal .modal-table-wrap{border-top: 2px solid #f5b415; max-height:285px; overflow-y: auto;} .scheduleAdd-modal .modal-table-wrap .choir-list{display:flex; justify-content: space-between; align-items: center;} .scheduleAdd-modal .modal-table-wrap .choir-list .title{font-weight: 500; color:#333;} .scheduleAdd-modal .modal-table-wrap .choir-list .remove{display:flex; align-items: center; justify-content: center; width: 30px;height: 30px; color:#888; background: #d7d7d7; border-radius: 5px; } /*성가표 등록 choirList*/ .manager-choirList-table tr.sunday{background:#f7f9fc;} .manager-choirList-table tr.sunday td:first-child input{color:#dd3413} .manager-choirList-table td{padding:5px 20px;} .manager-choirList-table td input{width:100%; height:35px; border:none; text-align: center; padding:0; background:transparent} .manager-choirList-table tr.bg-gray{background:#f5f5f5;} .manager-choirList-table tr.bg-gray .title{color:#333;font-weight: 500;} .manager-choirList-table2{width: 100%;border-top: none; } .m-choirList-save{display:none;} /*입출금내역 일별 receipt*/ .receiptWrap .receipt-tap{display: flex; justify-content: space-between; align-items: center;} .receiptWrap .receipt-tap li{width:33.33%; margin-right: 20px; border:1px solid #d7d7d7; border-radius: 5px; background: #fff; padding:30px 20px; display:flex; justify-content: flex-start; align-items: center;} .receiptWrap .receipt-tap li:last-child{margin-right: 0;} .receiptWrap .receipt-tap li span.icon{display:flex; justify-content: center; align-items: center;width: 80px;height: 80px; background:#f5f5f5; border-radius: 50%; font-size: 0;} .receiptWrap .receipt-tap li span.icon:after{content:''; display:block;background-size:100%; background-repeat: no-repeat; height: 50px; background-position: 50%;} .receiptWrap .receipt-tap li:nth-child(1) span.icon:after{background-image:url(../images/receipt_icon1.png); width: 45px; margin-left: 3px;} .receiptWrap .receipt-tap li:nth-child(2) span.icon:after{background-image:url(../images/receipt_icon2.png); width: 38px; margin-left: 2px;} .receiptWrap .receipt-tap li:nth-child(3) span.icon:after{background-image:url(../images/receipt_icon3.png); width: 38px; margin-left: 2px;} .receiptWrap .receipt-tap li .receiptInfo-box{margin-left:20px; width: calc(100% - 100px);} .receiptWrap .receipt-tap li .receiptInfo-box span.title{color:#888; font-size: 15px;} .receiptWrap .receipt-tap li .receiptInfo-box .price{display:flex; justify-content: flex-start; align-items: center; font-size: 30px; font-weight: 600; font-family: 'roboto'; margin-top: 5px;} .receiptWrap .receipt-tap li .receiptInfo-box .price span{font-size: 16px; color: #888; margin-left: 5px; font-family: 'Noto Sans KR'; font-weight: 500;} .receiptWrap .f-right .selectBox ul li a{display: block; width: 100%; height: 100%;} .receiptWrap .f-right .selectBox ul li a:hover{color:#fff;} .m-receipt-day-table{display:none;} /*입출금 내역 월별 receipt_month*/ .m-receipt-month-table{display: none;} .receipt-month-table .page-table2 td{padding: 5px 20px;} .receipt-month-table .page-table2 td.type1{background: #f0f5f9; font-weight: 500; color: #276cad;} .receipt-month-table .page-table2 td.type2{background: #f0f5f9; font-weight: 500; color: #333;} .receipt-month-table .receipt-month-inputBox{display:flex; justify-content: space-between; align-items: center;} .receipt-month-table .receipt-month-inputBox > input{width: calc(100% - 70px); margin-right: 10px; height: 45px; padding: 0 10px; border:none; } .receipt-month-table .receipt-month-inputBox.actived input{border:1px solid #d7d7d7; } .receipt-month-table .receipt-month-inputBox input[disabled]{background: #fff; } .receipt-month-table .receipt-month-inputBox > .write-btn{width: 60px; font-size: 0; height: 45px; position:relative;} .receipt-month-table .receipt-month-inputBox > .write-btn:after{content:'\f303'; display:block; font-size: 20px; color:#aaa; font-weight: 600; font-family: "Font Awesome 6 Pro"; position:absolute; top:50%;left: 50%; transform: translate(-50%, -50%);} .receipt-month-table .receipt-month-inputBox.actived > .write-btn{background: #276cad; border:none; font-size: 16px; color: #fff;} .receipt-month-table .receipt-month-inputBox.actived > .write-btn:after{display:none;} /*내역추가 receipt_add*/ .receiptAdd-table textarea{width: 100%; border:1px solid #d7d7d7; padding:20px; box-sizing: border-box;} .receiptAdd-table .img-upload{display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;} .receiptAdd-table .img-upload li{width: 180px;height: 180px; margin-right: 10px; margin-top: 10px;} .receiptAdd-table .img-upload li img{width: 100%; height: 100%; object-fit: cover;} /*내역정보 receipt_detail*/ .receipt-img .swiper-slide img{height: auto; width: auto; max-height: 620px; max-width: 100%; cursor: pointer; object-fit: contain;} .thumbs-receipt{margin-top: 10px;} .thumbs-receipt .swiper-slide {width: 160px!important; height: 160px; margin:0 5px; border:1px solid #d7d7d7; cursor: pointer; box-sizing: border-box;} .thumbs-receipt .swiper-slide-thumb-active {border:3px solid #276cad;} .thumbs-receipt .swiper-slide:first-child{margin-left: 0;} .thumbs-receipt .swiper-slide:last-child{margin-right: 0;} .thumbs-receipt .swiper-slide img{width: 100%; height: 100%; } /*회비납부관리 due*/ .manager-due-sel .f-right .alarm-dues{position:relative;} .manager-due-sel .f-right .alarm-wrap{position:absolute; top:-12px; right:10px; background:#dd3413; height:24px; border-radius: 15px; padding:0 10px; display:flex; justify-content: center; align-items: center;} .manager-due-sel .f-right .alarm-wrap i{color:#fff; font-size: 12px;} .manager-due-sel .f-right .alarm-wrap .num{color:#fff; font-size: 15px; font-family: 'roboto'; margin-left: 5px; font-weight: 500;} /*회비 일반납부 모달 manager_dueModal*/ .manager-due-title{display:flex; justify-content: flex-start; align-items: center;} .manager-due-title .move-btn{margin-bottom: -5px;} .dueModal1 .sel-table .text{display:flex; justify-content: flex-start; align-items: center;} .dueModal1 .sel-table .dueModal-input{width: 100%; height: 40px;} .dueTable2 {max-height:200px; overflow-y: auto; border-top:2px solid #f5b415;} .dueTable2 tr.grayBg td{background:#f5f5f5; height: 40px; display:table-cell; vertical-align: middle; text-align: center; border-bottom: 1px solid #d7d7d7;} .dueModal2 .dueTable2{max-height:160px;} .dueModal2 .search-box{display:flex; justify-content: flex-start; align-items: center;} .dueModal2 .search-box input{width:calc(100% - 140px);} .dueModal2 .search-box .comm-btn{width: 60px;} .dueModal3 .dueTable3{border-top: 0; max-height:330px; overflow-y: auto;} /*회비납부내역 세부내용 due_detail*/ .manager-dueDetail-wrap .tab-wrap{display:flex; justify-content: space-between; align-items: center;} .manager-dueDetail-wrap .tab-wrap .titleBox{width: 25%; padding-right: 20px;} .manager-dueDetail-wrap .tab-wrap .titleBox .title{color:#333; font-size: 30px; font-weight: 600;} .manager-dueDetail-wrap .tab-wrap .titleBox span{display:block; margin-top: 5px; font-size: 14px; color: #888;} .manager-dueDetail-wrap .tab-wrap .total-dues{display:flex; justify-content: flex-end; width: 80%;} .manager-dueDetail-wrap .tab-wrap .total-dues li{width: 33.33%; border:1px solid #d7d7d7; background: #fff; border-radius: 5px; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); margin-right: 20px; padding:30px; display:flex; justify-content: space-between;align-items: center;} .manager-dueDetail-wrap .tab-wrap .total-dues li:last-child{margin-right: 0;} .manager-dueDetail-wrap .tab-wrap .total-dues li .text p{color:#333; font-size: 18px; font-weight: 500;} .manager-dueDetail-wrap .tab-wrap .total-dues li .text span{color: #888; font-size: 13px;} .manager-dueDetail-wrap .tab-wrap .total-dues li .total{font-weight: 600; font-size: 60px; font-family: 'roboto';} .overflow-inherit{overflow: inherit !important;} .dueModal1 .dueSel-wrap .calendar-popup, .dueModal2 .dueSel-wrap .calendar-popup{top:48px; bottom:inherit;} /*서류추가*/ .document-wrap.notice-list-wrap .notice-list a .subject{width: 70%;} .document-wrap .notice-list .writer{width: 15%; text-align: center; color: #888;} /*계좌관리 account*/ .account-none-wrap .account-inner{width: 100%; padding:80px; border-top:1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; text-align: center;} .account-none-wrap p.title{font-size: 30px; color:#333; font-weight: 600; position:relative; padding-top: 150px;} .account-none-wrap p.title:before{content:'!'; display:flex; justify-content: center; align-items: center; border:7px solid #276cad; border-radius: 50%; width: 105px;height: 105px; color:#276cad; font-weight: 600; font-size: 70px; font-family: 'roboto'; position: absolute; top:0; left:50%; transform: translateX(-50%);} .account-none-wrap p.text{margin-top: 30px; line-height: 1.3;} .account-wrap .account-inner{display:flex; justify-content: space-between; align-items: flex-start;} .account-wrap .account-inner .account-image{width:calc(35% - 30px);} .account-wrap .account-inner .account-image img{width: 100%; border:1px solid #d7d7d7; border-radius: 5px;} .account-info-wrap{width:65%}