/*관리자 공통사항*/ .white-btn{border:1px solid #e4e9ee; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.05); font-size: 15px;} .white-line-btn{border:1px solid #e4e9ee; background: #fff;} .adminAuto .gray-btn{border:1px solid #e4e9ee; background: #f5f5f5;} .adminAuto .selectBox{background: #fff; border:1px solid #e4e9ee;} .adminAuto .selectBox:after{display: none;} .adminAuto .selectBox .label{position:relative; font-size: 15px;} .adminAuto .selectBox .label:after{content:'\f078'; font-weight: 900; font-size: 12px; color: #c0c0c0; font-family: "Font Awesome 6 Pro"; position:absolute; top:35%; right:0; width: 0; height: 0; margin-right: 30px;} .adminAuto .selectBox.active .optionList{font-size: 15px; border:1px solid #e4e9ee;} .adminAuto .selectBox.active .optionList::-webkit-scrollbar{width: 8px;} .adminAuto .selectBox .optionItem{font-size: 15px; border-bottom: 1px solid #e4e9ee;} .adminAuto .selectBox .optionItem:last-child{border-bottom: 0;} .adminAuto .selectBox .optionItem:hover{background:#f8fafc; color: #666;} .adminAuto input{border:1px solid #e4e9ee;} .adminAuto .search-box{position:relative;} .adminAuto .search-box:after{content:'\f002'; display:flex; justify-content: center; align-items: center; width: 50px;height: 50px; position:absolute; top:0;right:0; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: #c0c0c0; cursor: pointer;} .adminAuto .search-box input{padding-right:50px;} .adminAuto .paging .page-arrow{background: #fff; border:1px solid #e4e9ee;} /*로그인페이지 login*/ .admin-login-wrap{width: 100vw; height: 100vh; display:flex; justify-content: space-between; align-items: center;} .admin-login-wrap .img-wrap{width: 65vw; height: 100vh; background:#f8fafc; background-image: url(../images/admin_loginBg.png); background-repeat: no-repeat; background-position: bottom left; background-size:cover;} .admin-login-wrap .login-wrap{width: 35vw; height: 100vh; background:#fff; border-left: 1px solid #e4e9ee;display:flex; justify-content: center; align-items: center;} .admin-login-wrap .login-inner{padding:80px; width: 100%;} .admin-login-wrap .login-inner h1.logo{text-align: center; margin-bottom: 50px;} .admin-login-wrap .login-inner .text{width: 100%; margin-top: 30px;} .admin-login-wrap .login-inner .text p{text-align: left; color:#333; font-size: 16px; font-weight: 500;} .admin-login-wrap .login-inner .text .login-input{margin-top: 10px; width: 100%; background: #f7f9fc;} .admin-login-wrap .login-inner .loginSave{margin-top: 10px; display:flex; justify-content: flex-start; align-items: center; cursor: pointer; color:#888; font-size: 14px;} .admin-login-wrap .login-inner .loginSave input{margin-right: 5px;} .admin-login-wrap .login-inner .login-btn{margin-top: 50px; width: 100%;} /*헤더 admin_header*/ .admin-headerWrap{width:100%; height:80px; position:fixed; top:0; left:0; border-bottom:1px solid #e4e9ee; display:flex; justify-content: space-between; align-items: center; padding:0 60px; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); background: #fff; z-index: 9999999;} .admin-headerWrap .logo{width: 200px; height:100%;} .admin-headerWrap .logo a{display:flex; justify-content: center; align-items: center; width: 100%; height:100%;} .admin-headerWrap .logo a img{width: 100%;} .admin-headerWrap .userWrap{width: 300px; height:100%; position:relative; display:flex; justify-content: space-between; align-items: center; padding-left: 20px; cursor: pointer;} .admin-headerWrap .userWrap:before{content:''; display:block; width:1px; height:60%; background: #d7d7d7; position:absolute; top:50%; left:0; transform: translateY(-50%);} .admin-headerWrap .userWrap .userInfo .userName{ font-weight: 600; color:#333; margin-bottom: 5px;} .admin-headerWrap .userWrap .userInfo .level{font-size: 13px; color:#888;} .admin-headerWrap .userWrap .icon{display:flex; justify-content: center; align-items: center; width:25px; height:25px; border:1px solid #e4e9ee; border-radius: 50%;} .admin-headerWrap .userWrap .icon:after{content:'\f078'; display:block; font-size: 10px; color:#c0c0c0; font-weight: 900; font-family: "Font Awesome 6 Pro";} .admin-headerWrap .userWrap .userMenu{position:absolute; top:70px; left:0; border:1px solid #e4e9ee; border-radius: 10px; background: #fff; width: 300px; overflow: hidden; display:none} .admin-headerWrap .userWrap .userMenu.actived{display:block;} .admin-headerWrap .userWrap .userMenu li a{display:block; width: 100%; padding:20px 30px;} .admin-headerWrap .userWrap .userMenu li a:hover{background:#f8fafc;} .admin-headerWrap .userWrap .userMenu li a p{display:flex; justify-content: flex-start; align-items: center;} .admin-headerWrap .userWrap .userMenu li a p:before{content:''; display:inline-block; margin-right: 10px; background-size:100%; background-repeat: no-repeat;} .admin-headerWrap .userWrap .userMenu li:first-child{border-bottom: 1px solid #e4e9ee;} .admin-headerWrap .userWrap .userMenu li:first-child a p:before{background-image:url(../images/admin_userIcon01.png); width: 14px; height: 17px; margin-top: 1px; } .admin-headerWrap .userWrap .userMenu li:nth-child(2) a p:before{background-image:url(../images/admin_userIcon02.png); width: 16px; height: 16px; margin-top: 2px;} /*왼쪽 메뉴 admin_leftMenu*/ .admin-leftMenu-wrap{position:fixed; top:80px; bottom:0; left:0; width: 300px; border-right: 1px solid #e4e9ee; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); background: #fff; overflow-y: auto;} .admin-leftMenu-wrap::-webkit-scrollbar{display: none;} .admin-leftMenu-wrap .depth1 > li > a{display:flex; justify-content: flex-start; align-items: center; width: 100%; height:60px; padding:0 60px; color:#333; font-weight: 500; font-size: 18px;} .admin-leftMenu-wrap .depth1 > li.actived > a,.admin-leftMenu-wrap .depth1 > li:hover > a{background:#276cad; color:#fff;} .admin-leftMenu-wrap .depth1 > li > a i{color:#c0c0c0; font-size: 12px; margin-left: 10px; margin-bottom: -3px;} .admin-leftMenu-wrap .depth1 > li.actived > a i, .admin-leftMenu-wrap .depth1 > li:hover > a i{color:#fff;} .admin-leftMenu-wrap .depth1 > li ul.depth2{/*display:none;*/background:#f8fafc; border-bottom:1px solid #e4e9ee; padding:10px 0;} .admin-leftMenu-wrap .depth1 > li ul.depth2 li a{display:flex; justify-content: flex-start; align-items: center; width: 100%; height:40px; padding:0 60px; color:#333; font-size: 15px; } .admin-leftMenu-wrap .depth1 > li ul.depth2 li a:before{content:''; display:inline-block; width:4px; height: 4px; border-radius: 50%; background:#c0c0c0; vertical-align:middle; margin-top: 3px; margin-right: 8px;} .admin-leftMenu-wrap .depth1 > li ul.depth2 li.actived a,.admin-leftMenu-wrap .depth1 > li ul.depth2 li:hover a {color:#276cad;} .admin-leftMenu-wrap .depth1 > li ul.depth2 li.actived a:before,.admin-leftMenu-wrap .depth1 > li ul.depth2 li:hover a:before{background:#276cad;} /*모임리스트*/ .adminAuto{background: #f8fafc; padding:140px 60px 60px 360px; } .adminAuto .subHeader{display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #e4e9ee; padding-bottom: 10px;} .adminAuto .subHeader h4{font-size: 40px; font-weight: 600; color: #333;} .adminAuto .subHeader .btn-wrap{display:flex; justify-content: flex-end; align-items: center;} .adminAuto .subHeader .btn-wrap a:hover{border:1px solid #276cad; color:#276cad;} .adminAuto .subHeader .btn-wrap a:before{content:'';display:inline-block; background-repeat: no-repeat; background-size: 100%; image-rendering: -webkit-optimize-contrast;} .adminAuto .subHeader .btn-wrap a.groupList-btn1:before{background-image: url(../images/admin_subHeader_icon01.png); width: 15px;height: 15px; margin-right: 5px;} .adminAuto .subHeader .btn-wrap a.groupList-btn1:hover:before{background-image: url(../images/admin_subHeader_icon01_hover.png);} .adminAuto .subHeader .btn-wrap a.groupList-btn2:before{background-image: url(../images/admin_subHeader_icon02.png); width: 14px;height: 14px; margin-right: 5px;} .adminAuto .subHeader .btn-wrap a.groupList-btn2:hover:before{background-image: url(../images/admin_subHeader_icon02_hover.png);} .adminAuto .groupArea-tab{display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; border-bottom: 1px solid #e4e9ee; padding:20px 0;} .adminAuto .groupArea-tab:before{content:''; display:inline-block; width: 4px;height: 4px; border-radius: 50%; background: #276cad;} .adminAuto .groupArea-tab li{position:relative;} .adminAuto .groupArea-tab li:after{content:''; display:block; width: 1px; height:10px; background: #e4e9ee; position:absolute; top:50%; right:0; transform: translateY(-50%);} .adminAuto .groupArea-tab li:last-child:after{display: none;} .adminAuto .groupArea-tab li a{display:inline-block; color:#333; font-weight: 500; padding:5px 10px;} .adminAuto .groupArea-tab li.actived a,.adminAuto .groupArea-tab li:hover a{color:#276cad;} .admin-topSel-wrap{flex-wrap:wrap;} .admin-topSel-wrap .f-left, .admin-topSel-wrap .f-right{margin-bottom: 10px;} .admin-topSel-wrap .page-total{color:#888; font-family: 'roboto'; font-size: 14px; font-weight: 500;} .adminAuto .cont-table-wrap{background:#fff; border-radius: 10px; width: 100%;} .adminAuto .cont-table-wrap.groupList-table-wrap{overflow-x: auto;} .adminAuto .cont-table-wrap::-webkit-scrollbar{height: 8px;} .adminAuto .cont-table-wrap::-webkit-scrollbar-thumb{height: 8px; } .adminAuto .cont-table-wrap .page-table2{border-top: 1px solid #e4e9ee;} .adminAuto .cont-table-wrap .page-table2 th,.adminAuto .cont-table-wrap .page-table2 td{border-right: 1px solid #e4e9ee; border-bottom: 1px solid #e4e9ee; font-size: 15px; padding: 10px;} .adminAuto .cont-table-wrap .page-table2 th:last-child,.adminAuto .cont-table-wrap .page-table2 td:last-child{border-right: 0;} .table-w130pro{width: 130%;} .adminAuto .paging{margin-top: 60px;} /*모임리스트 모임생성 모달 groupList_modal*/ .admin-modal .modal-wrap{border-radius: 20px; width: 800px;} .admin-modal .modal-title{background: #276cad; display:flex; justify-content: space-between; align-items: center; padding:20px 30px;} .admin-modal .modal-title .title{color:#fff; font-size: 25px; font-weight: 600; line-height: 1.3;} .admin-modal .modal-title .close{font-size: 0; cursor: pointer;} .admin-modal .modal-title .close i{color:#fff; font-size: 35px;} .admin-modal .modal-text-box{padding: 30px; max-height:500px; overflow-y: auto;} .admin-modal .modal-text-box .list{text-align: left; margin-top: 30px;} .admin-modal .modal-text-box .list:first-child{margin-top: 0;} .admin-modal .modal-text-box .list .list-title{color:#333; font-weight: 600; font-size: 18px;} .admin-modal .modal-text-box .text-box{display:flex; justify-content: flex-start; align-items: center; margin-top: 10px; width: 100%;} .admin-modal .modal-text-box .text-box .input-choir{width: calc(100% - 340px);} .admin-modal .modal-text-box .time-box-wrap{background:#f8fafc; padding:20px; margin-top: 10px; display:flex; justify-content: space-between; align-content: center;} .admin-modal .modal-text-box .time-box-wrap .time-box{display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: calc(100% - 40px);} .admin-modal .modal-text-box .time-box-wrap .time-box .time-text1{width: 100%; display:flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;} .admin-modal .modal-text-box .time-box-wrap .time-box .time-sel{width:calc(25% - 14.3px);} .admin-modal .modal-text-box .time-box-wrap .remove-btn{display:flex; align-items: center; justify-content: flex-end; width: 40px;} .admin-modal .modal-text-box .time-box-wrap .remove-btn i{color: #c0c0c0; font-size: 22px;} .admin-modal .add-time {margin-top: 10px;} .admin-modal .add-time a{display:flex; justify-content: flex-start; align-items: center;} .admin-modal .add-time a .icon{border:1px solid #e4e9ee; border-radius: 5px; display:inline-block; width: 25px;height: 25px; line-height: 18px; text-align: center;} .admin-modal .add-time a .icon i{color:#c0c0c0; font-size: 12px;} .admin-modal .add-time a p{color:#c0c0c0; font-size: 14px; margin-left: 10px; font-family: 'roboto';} .admin-modal .modal-text-box .time-box-wrap .time-box .practice-sel{width: calc(20% - 13.5px);} .admin-modal .modal-text-box .list textarea{box-sizing: border-box; width: 100%; border:1px solid #e4e9ee; height:120px; padding:20px;} /*모임승인관리 groupApproval*/ .adminAuto .page-table2 .sel-td{padding:5px 10px !important;} .adminAuto .page-table2 .sel-td .selectBox{height: 40px; line-height: 39px;} .adminAuto .page-table2 .sel-td .selectBox .optionList{top:41px;} .adminAuto .page-table2 .sel-td .selectBox .optionItem{font-size: 15px;} /*회원관리 userList*/ .admin-topSel-wrap span.bar {display:inline-block; margin: 0 5px; width: 1px; height: 10px; background: #e4e9ee;} /*회원 성가대 정보 userList*/ .userList-modal .modal-text-box {padding-bottom: 60px;} .userList-modal p.userName{font-size: 20px; color: #333; font-weight: 600;} /*.userList-modal .modal-text-box .cont-table-wrap{max-height:350px; overflow-y: auto;}*/ /*성가관리 choirList*/ .adminAuto .subHeader .btn-wrap a.groupList-btn3:before{background-image: url(../images/admin_subHeader_icon03.png); width: 14px;height: 14px; margin-right: 5px; margin-bottom: -1px;} .adminAuto .subHeader .btn-wrap a.groupList-btn3:hover:before{background-image: url(../images/admin_subHeader_icon03_hover.png);} .admin-topSel-wrap .dateTitle{font-size: 25px; font-weight: 600; color: #333;} .admin-topSel-wrap .date-arrow{font-size: 0; width: 35px;height: 35px;border:1px solid #e4e9ee; border-radius: 5px; background: #fff; position:relative; margin-bottom: -3px;} .admin-topSel-wrap .date-arrow:before{display:block; position: absolute;top: 50%; left:50%; transform: translate(-50%, -50%); color:#aaa; font-family: "Font Awesome 6 Pro"; font-weight: 900; font-size: 13px;} .admin-topSel-wrap .date-arrow1:before{content: '\f104';} .admin-topSel-wrap .date-arrow2:before{content: '\f105';} .adminAuto .choirList-table-wrap .page-table2 th, .adminAuto .choirList-table-wrap .page-table2 td{padding:5px} .adminAuto .choirList-table-wrap input{width: 100%; height: 40px; border:none; text-align: center; background: transparent; padding:0;} .adminAuto .choirList-table-wrap tr.sunday{background: #f7f9fc;} .adminAuto .choirList-table-wrap tr.sunday td:first-child input{color:#dd3413;} .adminAuto .choirList-table-wrap .choirList-table-wrap2 .bg-gray{background: #f5f5f5;} .adminAuto .choirList-table-wrap .choirList-table-wrap2 .bg-gray{background: #f5f5f5;} .adminAuto .choirList-table-wrap .choirList-table-wrap2 .bg-gray .title{color:#333; font-weight: 500;} .choirList-cont-wrap{display:none;} .choirList-cont-wrap.actived{display:block;} /*성가 상세정보*/ .adminAuto .subHeader .btn-wrap a i{font-size: 13px; margin-right: 5px; color:#c0c0c0; margin-bottom: -3px;} .adminAuto .subHeader .btn-wrap a:hover i{color:#276cad;} .adminAuto .cont-table-wrap .page-table1{border-top:1px solid #e4e9ee;} .adminAuto .cont-table-wrap .page-table1 th {border-right:1px solid #e4e9ee; border-bottom: 1px solid #e4e9ee; padding: 10px; font-size: 15px;} .adminAuto .cont-table-wrap .page-table1 td{border-bottom: 1px solid #e4e9ee; padding: 10px; font-size: 15px;} .adminAuto .choir-detail-wrap {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;} .adminAuto .choir-detail-wrap .left-choirInfo-wrap{width:35%} .adminAuto .choir-detail-wrap .left-choirInfo-wrap td{padding:5px 20px;} .adminAuto .choir-detail-wrap .left-choirInfo-wrap input {border:0; padding:0; height: 35px; width: 100%;} .adminAuto .choir-detail-wrap .left-choirInfo-wrap .choirImg {width: 100%; display:flex; justify-content: space-between; align-items: center; padding: 0;} .adminAuto .choir-detail-wrap .left-choirInfo-wrap .choirImg a.img{ width: calc(100% - 120px);} .table-btn{height:35px; display:flex; justify-content: center; align-items: center; border-radius: 5px;font-size: 14px;} .adminAuto .choir-detail-wrap .left-choirInfo-wrap textarea{width: 100%; border:0; padding:10px 0; line-height: 1.5; height: 400px;} .right-choirInfo-wrap {width:calc(65% - 30px); display:flex; justify-content: space-between; align-items: flex-start; flex-direction: column; height: 732px;} .right-choirInfo-wrap .none-video {background:#c0c0c0; color:#fff;} .right-choirInfo-wrap .has-video{background:#888; color:#fff;} .right-choirInfo-wrap .has-video:before{content:'\f144'; display:inline-block; font-size: 14px; font-weight: 900; color: #fff; font-family: "Font Awesome 6 Pro"; margin-right: 5px; margin-bottom: -2px;} .right-choirInfo-wrap .video-list a.actived, .right-choirInfo-wrap .video-list a:hover{background:#276cad !important;} .right-choirInfo-wrap .choir-video-wrap{display:block; width: 100%; border-top:1px solid #e4e9ee; border-bottom:1px solid #e4e9ee; background: #fff; padding:30px; height: 100%;} .right-choirInfo-wrap .choir-video-wrap .cont{width: 100%; height:100%; display:none;} .right-choirInfo-wrap .choir-video-wrap .cont.actived{display:block;} .right-choirInfo-wrap .choir-video-wrap .link-upload{width: 100%; display:flex; justify-content: space-between; align-items: center;} .right-choirInfo-wrap .choir-video-wrap .link-upload input{width: calc(100% - 130px);} .right-choirInfo-wrap .choir-video-wrap .video{width: 100%; height:calc(100% - 60px);} /*성가표 등록 choirTable*/ .choirTable-cont-wrap{display:none;} .choirTable-cont-wrap.actived{display:block;} .adminAuto .choirBook-table-wrap a.parish-img {height: 150px !important;} /*성가책 등록 choirBook*/ .parish-detail-wrap .parishDetail-table-wrap td textarea{border:none; border-radius: 0; padding:0; resize: none; width: 100%; box-sizing: border-box;height: 212px; } .parish-add-wrap.parish-detail-wrap .parishDetail-table-wrap td textarea{border:1px solid #e4e9ee; border-radius: 5px; padding:20px;} /*성당관리 churchList*/ .adminAuto .subHeader .btn-wrap a.blue-btn{font-size: 15px;} .adminAuto .subHeader .btn-wrap a.blue-btn:hover{color:#fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.2);} .adminAuto .subHeader .btn-wrap a.blue-btn i{color:#fff;} /*성당 상세정보 churchList_detail*/ .adminAuto .churchList-detail-wrap{display:flex; justify-content: space-between; align-items: flex-start; width: 100%;} .adminAuto .churchList-detail-wrap .left-churchList-wrap, .adminAuto .churchList-detail-wrap .right-churchList-wrap{width: calc(50% - 15px)} .adminAuto .churchList-detail-wrap .table-btn {height: 35px; display:flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 14px;} .adminAuto .churchList-detail-wrap td input{height: 35px;width: 100%; border:0; padding:0;} .adminAuto .churchList-detail-wrap td .selectBox{height: 35px;width: 100%; border:0; } .adminAuto .churchList-detail-wrap td .selectBox .label{padding: 0; padding-right: 30px;} .adminAuto .churchList-detail-wrap td .selectBox .label:after{margin-right: 20px;} .adminAuto .churchList-detail-wrap td .selectBox .optionList{top:35px;} .adminAuto .churchList-detail-wrap td .homepageLink{display:flex; justify-content: space-between; align-items: center;} .adminAuto .churchList-detail-wrap td .homepageLink input{width: calc(100% - 110px);} .adminAuto .churchList-detail-wrap textarea{height: 160px; width: 100%; border:0; } .adminAuto .churchList-detail-wrap textarea::-webkit-scrollbar{width: 8px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap{display:block; } .adminAuto .churchList-detail-wrap .right-churchList-wrap li{background: #fff; padding:15px; margin-bottom:10px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap li .title-box{display:flex; justify-content: space-between; align-items: center; height: 30px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap li .title-box .title{color: #333; font-weight: 500; font-size: 16px; width:calc(100% - 40px)} .adminAuto .churchList-detail-wrap .right-churchList-wrap li .title-box .title input{color: #333; font-weight: 500; font-size: 16px; border:0; padding:0; width: 100%;} .adminAuto .churchList-detail-wrap .right-churchList-wrap li .text-box {display:flex; justify-content:space-between; align-items: center;} .adminAuto .churchList-detail-wrap .right-churchList-wrap li .text-box input{width: 50%; height: 45px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap li .text-box2 input{width: calc(50% - 37.5px);} .adminAuto .churchList-detail-wrap .right-churchList-wrap .btn-wrap{display:flex; justify-content: flex-end; align-items: center; width: 65px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .btn-wrap span, .adminAuto .churchList-detail-wrap .right-churchList-wrap .remove-btn{width: 30px; height: 30px; border:1px solid #e4e9ee; display:flex; justify-content: center; align-items: center; border-radius: 5px; margin-left: 5px; cursor: pointer;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .btn-wrap span:first-child{margin-left: 0;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .btn-wrap span i{color:#c0c0c0; font-size: 12px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .remove-btn i{color: #c0c0c0; font-size: 13px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .add-btn-wrap{width: 100%;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .add-btn-wrap a{display:flex; justify-content: flex-start; align-items: center;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .add-btn-wrap a span{display:flex; justify-content: center; align-items: center; border:1px solid #e4e9ee; border-radius: 5px; width: 30px;height: 30px;} .adminAuto .churchList-detail-wrap .right-churchList-wrap .add-btn-wrap a span i{color:#c0c0c0; font-size: 12px; } .adminAuto .churchList-detail-wrap .right-churchList-wrap .add-btn-wrap a p{color:#c0c0c0; font-size: 14px; margin-left: 10px; font-family: 'roboto';} /*성당 추가 churchList_add*/ .adminAuto .churchList-detail-wrap.churchList-add-wrap td {padding:5px 10px;} .adminAuto .churchList-detail-wrap.churchList-add-wrap td .selectBox{width: 100%;} .adminAuto .churchList-detail-wrap.churchList-add-wrap td input{border: 1px solid #e4e9ee; padding:0 20px; height: 45px;} .adminAuto .churchList-detail-wrap.churchList-add-wrap textarea{padding:20px; border:1px solid #e4e9ee; box-sizing: border-box; border-radius: 5px;} /*교구관리 parish*/ .adminAuto .cont-table-wrap a{word-break: break-all;} .adminAuto .cont-table-wrap a.parish-img{display:block; width: 100%; height: 40px;} .adminAuto .cont-table-wrap a.parish-img img{width: 100%; height: 100%;} /*교구관리 상세정보 parish_detail*/ .adminAuto .parish-detail-wrap{display:flex; justify-content: space-between; align-items: flex-start; height: 301px;} .adminAuto .parish-detail-wrap .parishDetail-table-wrap{width: 70%} .adminAuto .parish-detail-wrap .parishDetail-table-wrap td {padding: 5px 20px;} .adminAuto .parish-detail-wrap .parishDetail-table-wrap td input{border:0; padding: 0; height: 35px; width: 100%;} .adminAuto .parish-detail-wrap .parishDetail-table-wrap td .parish-img{display:flex; justify-content: space-between;align-items: center;} .adminAuto .parish-detail-wrap .parishDetail-table-wrap td .parish-img input{width: calc(100% - 110px);} .adminAuto .parish-detail-wrap .parishDetail-table-wrap td .parish-img .table-btn{height: 35px; display:flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 14px; } .adminAuto .parish-detail-wrap .img-wrap {border-top:1px solid #e4e9ee; border-bottom: 1px solid #e4e9ee; background: #fff; padding:10px; width: calc(30% - 30px); height: 100%;} /*.adminAuto .parish-detail-wrap .img-wrap .img-upload{display:flex; justify-content: space-between; align-items: center;} .adminAuto .parish-detail-wrap .img-wrap .img-upload input{width: calc(100% - 130px);}*/ .adminAuto .parish-detail-wrap .img-wrap img{width: 100%; height: 100%;} /*교구 추가 parish_add*/ .adminAuto .parish-add-wrap{height: 336px;} .adminAuto .parish-detail-wrap.parish-add-wrap .parishDetail-table-wrap td {padding:5px 10px;} .adminAuto .parish-detail-wrap.parish-add-wrap .parishDetail-table-wrap td input{border:1px solid #e4e9ee; height: 45px; padding:0 20px;} .adminAuto .parish-add-wrap .img-wrap{} /*성인관리 devotee*/ .adminAuto .calendar-wrap{position:relative;} .adminAuto .calendar-wrap a.calendar-btn{display:flex;align-items: center; justify-content: center; border:1px solid #e4e9ee; border-radius:5px; width: 50px;height: 50px; background: #fff;} .adminAuto .calendar-wrap a.calendar-btn i{font-size: 17px; color:#c0c0c0;} .adminAuto .calendar-wrap .calendar-popup{left:auto; right:0; top:55px;} /*사용내역*/ .adminAuto .history-topSel-wrap .f-right{width: 100%; display:flex; justify-content: space-between; align-items: center; margin-bottom: 0; flex-wrap: wrap;} .adminAuto .history-topSel-wrap .calendar-wrap{display:flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;} .adminAuto .history-topSel-wrap .calendar-wrap .search-icon{display:flex; justify-content: center; align-items: center; width: 50px; height: 50px; border:1px solid #e4e9ee; border-radius: 5px; margin-left: 5px; background: #fff;} .adminAuto .history-topSel-wrap .calendar-wrap .search-icon i{color:#c0c0c0} .adminAuto .history-topSel-wrap .calendar-wrap .search-icon:hover{background: #276cad;} .adminAuto .history-topSel-wrap .calendar-wrap .search-icon:hover i{color:#fff} .adminAuto .history-topSel-wrap .select-wrap{display:flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;} .adminAuto .history-table-wrap .groupName{cursor: pointer} .adminAuto .history-table-wrap .history-detail-btn:hover{background:#276cad; border:none; color:#fff;} /*사용내역 모달 history_modal*/ .history-modal .groupName {font-size: 20px; color: #333; font-weight: 600;} .history-modal .cont-table-wrap td {text-align: left;} .history-detail-modal .group-history-wrap{display:flex; justify-content: space-between; align-items: center;} .history-detail-modal .group-history-wrap .groupInfo-wrap{text-align: left;} .history-detail-modal .group-history-wrap .groupInfo-wrap p.title{font-size: 25px; color:#333; font-weight: 600; margin-bottom: 5px;} .history-detail-modal .group-history-wrap .groupInfo-wrap .fee-info{display:flex; justify-content: flex-start; align-items: center;} .history-detail-modal .group-history-wrap .groupInfo-wrap .fee-info li{color:#888; font-size: 15px;} .history-detail-modal .group-history-wrap .groupInfo-wrap .fee-info li:after{content:''; display:inline-block; margin: 0 10px; width: 1px; height: 10px; background: #e4e9ee;} .history-detail-modal .group-history-wrap .groupInfo-wrap .fee-info li:last-child:after{display:none;} .adminAuto .history-detail-modal .cont-table-wrap{max-height:270px; overflow-y: auto; border-bottom: 1px solid #e4e9ee;} .adminAuto .history-detail-modal .cont-table-wrap tr:last-child td{border-bottom:none;} .history-detail-modal .group-history-wrap .groupInfo-wrap .fee-info{font-size: 15px; color:#c0c0c0; font-weight: 300;} /*요금제관리 모달 - fee_modal 3*/ .adminAuto .fee-modal3 .cont-table-wrap{max-height: 270px; overflow-y: auto; border-bottom: 1px solid #e4e9ee;} .fee-modal3 .feeName{font-size: 25px; color:#333; font-weight: 600; margin-bottom: 5px;} .fee-modal3 .fee-info{display:flex; justify-content: flex-start; align-items: center; font-weight: 300;} .fee-modal3 .fee-info li{color:#888; font-size: 15px;} .fee-modal3 .fee-info li:after{content:''; display:inline-block; margin:0 10px; width: 1px; height: 10px; background: #e4e9ee;} .fee-modal3 .fee-info li:last-child:after{display: none;} .fee-modal3 .cont-table-wrap tr:last-child td{border-bottom: none;} /*활용도 리스트 - 모임별 리스트 groupReport*/ .adminAuto .groupReport-table-wrap.cont-table-wrap .page-table2 th, .adminAuto .groupReport-table-wrap.cont-table-wrap .page-table2 td{padding: 5px;} .adminAuto .groupReport-table-wrap th span.info{color:#888; font-size: 14px;} .adminAuto .groupReport-table-wrap .page-table2 th:after{content:'\f0d7'; display:block; color:#888; font-weight: 900; font-size: 14px; font-family: "Font Awesome 6 Pro"; margin-top: 2px;} .adminAuto .groupReport-table-wrap .page-table2 th:nth-last-child(-n + 2):after{display: none;} .adminAuto .groupReport-table-wrap .page-table2 th.actived:after{content:'\f0d8';} .adminAuto .groupReport-table-wrap .page-table2 td span{display:block; margin-top: -3px; color: #888;font-size: 14px;} /*활용도 리스트 - 모임별 리스트 상세 groupReport_detail*/ .adminAuto .groupReport-table-wrap .page-table1 th span{display:block; color: #888;font-size: 14px; margin-top: 3px;} .chart-table-wrap{display:flex; justify-content: space-between; align-items: flex-start; width: 100%;} .chart-table-wrap .chart-table{ border-radius: 0;padding:30px; background: #fff; border-top: 1px solid #e4e9ee; border-bottom: 1px solid #e4e9ee;} .chart-table-wrap .chart-table1{width: calc(60% - 15px) ;} .chart-table-wrap .chart-table2{width: calc(40% - 15px);} .chart-table-wrap .chart-table #chart1{width: 100%; height:320px;} .chart-table-wrap .chart-table #chart2{height: 320px; width: 100%;} .chart-table-wrap .chart-table .legend-wrap{margin-top: 30px; display:flex; justify-content: center; align-items: center;} .chart-table-wrap .chart-table .legend-wrap li{color:#666; font-size: 14px; margin-right: 10px;} .chart-table-wrap .chart-table .legend-wrap li:last-child{margin-right: 0px;} .chart-table-wrap .chart-table .legend-wrap li:before{content:''; display:inline-block; margin-right: 5px; width: 10px;height: 10px; border-radius: 3px;} .chart-table-wrap .chart-table .legend-wrap li:nth-child(1):before{background: rgb(66, 133, 244);} .chart-table-wrap .chart-table .legend-wrap li:nth-child(2):before{background: rgb(219, 68, 55);} .chart-table-wrap .chart-table .legend-wrap li:nth-child(3):before{background: rgb(244, 180, 0);} .chart-table-wrap .chart-table .legend-wrap li:nth-child(4):before{background: rgb(16, 150, 24);} .table-title p{font-size: 20px; color:#333; font-weight: 600; margin-bottom: 10px; display:flex; justify-content: flex-start; align-items: center;} .table-title p:before{content:'';display:inline-block; margin-right: 5px; width: 5px;height: 5px; background: #276cad; border-radius: 50%; margin-bottom: -3px;} /*활용도 리스트 - 날짜별 모임가입자 내역리스트 groupJoin_report*/ .joinReport-topSel-wrap .f-left{display:flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; margin-bottom: 0;} .joinReport-topSel-wrap .f-left .date-wrap{display:flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;} .joinReport-topSel-wrap .f-left .select-wrap{display:flex; justify-content: flex-end; align-items: center; margin-bottom: 10px;} .joinReport-topSel-wrap .f-left .date-sel{display:flex; justify-content: flex-start; align-items: center;} .joinReport-topSel-wrap .f-left .date-sel li{display:flex; justify-content: center;align-items: center; width: 60px;height: 30px; border:1px solid #e4e9ee; border-radius: 5px; margin-right: 5px; background: #fff; font-size: 14px; cursor:pointer;} .joinReport-topSel-wrap .f-left .date-sel li:hover,.joinReport-topSel-wrap .f-left .date-sel li.actived{color:#fff; background: #276cad; border:1px solid #276cad;} .joinReport-topSel-wrap .f-right{display:flex; justify-content: space-between; align-items: center; width: 100%;} .joinReport-topSel-wrap .f-right .select-wrap{display:flex; justify-content: flex-start; align-items: center;} .adminAuto .datepickers-container{top:-210px !important;} /*활용도 리스트 - 날짜별 가입자 리스트 joinReport*/ .adminAuto .cont-table-wrap.groupReport-table-wrap2{overflow-x: auto;} .adminAuto .groupReport-table-wrap2 .page-table2 th:first-child:after,.adminAuto .groupReport-table-wrap2 .page-table2 th:nth-last-child(-n + 3):after{display: none;} .joinReport-topSel-wrap .join-total{display:flex; justify-content: flex-start; align-items: center;} .joinReport-topSel-wrap .join-total li{font-size: 14px; color:#888; font-family: 'roboto'; font-weight: 500;} .joinReport-topSel-wrap .join-total li:before{content:''; display:inline-block; margin-right: 5px; width: 4px;height: 4px; background: #276cad; border-radius: 50%; vertical-align: middle; margin-top: -3px;} .groupReport-table-wrap textarea{box-sizing: border-box; padding:10px; width: 100%; border:1px solid #e4e9ee; resize: none; height:200px;} /*활용도 리스트 - 날짜별 가입자 리스트 상세 joinReport_detail*/ .chart-table-wrap .chart-table3{width: 100%; height: auto;} .chart-table-wrap .chart-table3 #chart3{height: 300px;} .joinReport-modal.admin-modal .modal-text-box .list textarea{height: 200px;} /*활용도 리스트 - 모임별 회계내역 dueReport*/ .adminAuto .groupReport-table-wrap3 .page-table2 th:nth-last-child(-n + 2):after{display: block;} .adminAuto .groupReport-table-wrap3 .page-table2 tbody tr{cursor: pointer;} .adminAuto .groupReport-table-wrap3 .page-table2 .income-btn{color:#276cad;} .adminAuto .groupReport-table-wrap3 .page-table2 .expense-btn{ color:#333;} /*모임별 회계내역 모달 dueReport_modal*/ .dueReport-modal .modal-text-title{display:flex; justify-content: space-between; align-items: center;} .dueReport-modal .groupName{font-size: 25px;color: #333; font-weight: 600;} .adminAuto .dueReport-modal .cont-table-wrap {max-height: 279px; overflow-y:auto; } /*문의답변 question*/ .answer{display:flex; justify-content: center; align-items: center; border-radius: 5px; font-size: 15px; width: 100%; height:100%;} .answer-none{background: #888; color:#fff;} .answer-ok{background: #276cad; color:#fff;} /*문의 답변하기 question_detail*/ .question-table-wrap .page-table2 th{line-height: 1.3;} .question-table-wrap .page-table2 th .type{display:inline-block; vertical-align: middle; margin-top: -5px; margin-right: 5px; color:#333;} .question-table-wrap .page-table2 td{display:table-cell; vertical-align: middle; border-right:0 !important;} .question-table-wrap .page-table2 td span.bar{display:inline-block; width: 1px; height: 10px; background: #d7d7d7; margin:0 10px; margin-top: -2px;} .question-table-wrap .page-table2 td a {display:inline-block; vertical-align: middle; margin-top:-4.5px;} .question-table-wrap .page-table2 td.text{padding: 20px;} .question-table-wrap .page-table2 td .text-box {min-height: 200px; line-height: 1.4;} .question-detail-wrap .answer-text-wrap{width: 100%; margin-top: 30px;} .question-detail-wrap .answer-text-wrap textarea{width: 100%; box-sizing: border-box; padding:20px; border:1px solid #e4e9ee;resize: none; font-size: 15px; height:220px;} /*공지사항 글쓰기 notice_add*/ .notice-add-wrap{width: 100%;} .notice-add-wrap td{padding: 5px 10px !important;} .notice-add-wrap td input{height:45px; border:1px solid #e4e9ee; padding:0 20px; width: 100%;} .notice-add-wrap td .notice-img{display:flex; justify-content: space-between; align-items: center;} .notice-add-wrap td .notice-img input{width: calc(100% - 110px);} .notice-add-wrap td .selectBox{width: 100%; height: 45px;} .notice-add-wrap td .selectBox .optionList {top:45px;} .notice-add-wrap td textarea{width: 100%; resize: none; border:1px solid #e4e9ee; box-sizing: border-box; border-radius: 5px; padding:20px; min-height: 490px;} .notice-detail-wrap td {padding:5px 20px !important;} .notice-detail-wrap td input{border:none; padding:0;} .notice-detail-wrap td .selectBox{border:none;} .notice-detail-wrap td .selectBox .label{padding:0;} .notice-detail-wrap td .selectBox .label:after{margin-right: 20px;} .notice-detail-wrap td textarea{border:none; padding:15px 0;}