@media screen and (max-width: 1480px) {
    /* ruleset for 1261px - 1480px */
    /*회원정보수정페이지 myInfo*/
    .subAuto{width: 1200px;}
    .myInfo-input-w360px{width:calc(33.33% - 11.7px);}
    .myInfo-dete{top:505px;}
    
    /*나의 모임정보 groupInfo*/
    .tab-wrap .groupList-wrap .groupName p.title{font-size: 18px;}
    
    /*단원리스트 memberList*/
    .memberList-wrap .member-list li a{padding:30px 20px;}
    .memberList-wrap .member-list li a:hover{padding:29px 19px;}
    .memberList-wrap .memberInfo .memberName{height: 26px;}
    .memberList-wrap .memberInfo .title{font-size: 18px;}
    .memberList-wrap .memberInfo .hasMg .title{max-width: calc(100% - 85px);}
    .memberList-wrap .memberInfo span.mg{font-size: 13px;}
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-info-modal .member-info p.name{font-size: 20px;}
    
    
    /*모임가입 groupJoin*/
    .groupJoin-wrap .list > li > a{padding:30px 20px;}
    .groupJoin-wrap .list > li > a:hover{padding:29px 19px;}
    .groupJoin-wrap .choirInfo{padding-right: 20px; width: calc(100% - 90px);}
    .groupJoin-wrap .choirInfo .title .choirName{font-size: 18px; max-width:calc(100% - 58px);}
    .groupJoin-wrap .choirInfo .title .option{font-size: 13px;}
    .groupJoin-wrap .choirInfo .text{font-size: 15px;}
    
    .groupJoin-wrap .choirInfo ul.total > li{margin-top: 25px;}
    .groupJoin-wrap li .groupInfo-btn{right:40px; width: 90px;}
    .groupJoin-wrap li:nth-child(3n) .groupInfo-btn{right:20px;}
    
    
    /*모임가입 모달 groupJoin_modal*/
    .groupJoin-modal .title-wrap .title .opction{font-size: 13px;}
    .groupJoin-modal .modal-table-wrap{max-height:420px;}
    
    /*성가 연습 choirPractice*/
    .video-wrap .video-info{width: calc(62% - 30px);}
    .video-wrap .playList-wrap{width: 38%;}
    .video-wrap .playList-wrap .playList.playList-edit .choir-title p.title{font-size: 17px;}
    
    /*출석및 스케줄 schedule*/
    .schedule-date{left:360px;}
    .schedule-calendar-wrap .attendance-wrap{width: 330px;}
    .calendar-month-wrap{width: calc(100% - 360px);}
    .attendance-list p.date{font-size: 20px;}
    .attendance-list .list li .sch-title p.title{font-size: 17px;}
    
    /*출석 및 스케줄 주별 schedule_week*/
    .calendar-week-wrap .allDay li:first-child{font-size: 12px;}
    .calendar-week-wrap .calendar-dates .times li .time{font-size: 12px;}
    .nowTime-wrap .now p{font-size: 12px; padding:3px 3px 2px;}
    
    /*나의 연습내역 practice*/
    .practice-dete.datepickers-container{top:-60px !important;}
    
    /*공지사항 notice*/
    .notice-list-wrap .notice-list a{padding: 25px 0;}
    .notice-list-wrap .notice-list a .column .day{font-size: 45px;}
    .notice-list-wrap .notice-list a .column .date{font-size: 15px;}
    .notice-list-wrap .notice-list a .subject .sub{font-size: 15px;}
    .notice-list-wrap .notice-list a .subject .title{font-size: 18px;}
    
    /*문의하기 question*/
    .question-table .myInfo-input-w360px{width: calc(33.33% - 15px);}
}

@media screen and (max-width: 1260px) {
    /* ruleset for 961px - 1260px */
    /*modal 공통사항*/
    .modal-text-box .title{font-size: 23px;}
    .modal-text-box .text{font-size: 15px;}
    .selectBox .label{font-size: 15px;}
    .selectBox .optionItem{font-size: 15px;}
    .modal-btn a{font-size: 15px;}
    
    .modal-text-box2 .title-wrap .title{font-size: 23px;}
    .modal-text-box2 .title-wrap .close i{font-size: 33px;}
    .modal-table-wrap .table1 th, .modal-table-wrap .table1 td{font-size: 15px;}
    .groupJoin-modal .part-select-wrap p{font-size: 15px;}
    
    /*서브헤더 sub_header*/
    .pc-sub-header h2{font-size: 35px;}
    
    /*로그인페이지 login*/
    .loginWrap{margin:80px auto;}
    input{font-size: 15px;}
    .page-btn{font-size: 15px;}
    
    /*회원가입 페이지 join*/
    .chk-password li{font-size: 13px;}
    .chk-password li:before{width: 17px;height: 17px; font-size: 9px;}

    /*회원정보수정페이지 myInfo*/
    .subAuto{width: 94%; margin-bottom:80px;}
    .privacyText .privacy-text{padding:40px; height:220px;}
    .myInfo-list .gender-wrap label{font-size: 15px;}
    .myInfo-list span{font-size: 15px;}
    .myInfo-list .sel-w360px{width: 270px;}
    .myInfo-list .myInfo-input360{width: 270px;}
    .myInfo-dete{top:500px;}
    
    /*나의 모임정보 groupInfo*/
    .tab-wrap{padding:40px;}
    .page-table1 th, .page-table1 td{font-size: 15px;}
    .tab-wrap .groupList-wrap li > a{height: 75px;}
    .tab-wrap .groupList-wrap .groupName{flex-wrap:wrap;}
    .tab-wrap .groupList-wrap .groupName p.title{width: 100%; max-width: 100%;}
    .tab-wrap .groupList-wrap .groupName p.info{max-width: 100%; margin-top: 5px;}
    .tab-wrap .groupList-wrap .groupAdd .groupName p.title{width:calc(100% - 65px); max-width:calc(100% - 65px); margin-right: 0;}
    
    
    /*나의모임정보 모달 inviteModal*/
    .modal-text-box .message-text{padding:50px 30px;}
    .invite-modal .modal-text-box .text{font-size: 14px;}
    .modal-text-box .message-text p{font-size: 15px;}
    .modal-text-box .tel-wrap p{font-size: 15px;}
    
    
    /*단원리스트 memberList*/
    .page-search-wrap .search-box{width: 70%;}
    .memberList-total p{font-size: 15px;}
    .subTitle{font-size: 28px;}
    .subTitle .titleBar{height: 26px;}
    .subTitle .titleBar:before{height: 8px;}
    .memberList-wrap .member-list li{width: 50%;}
    .memberList-wrap .member-list li:nth-child(3n){padding-right:20px;}
    .memberList-wrap .member-list li:nth-child(2n){padding-right:0px;}
    .memberList-wrap .member-list li:nth-last-child(-n+3){margin-bottom: 20px;}
    .memberList-wrap .member-list li:nth-last-child(-n+2){margin-bottom: 0px;}
    .memberList-wrap .memberInfo{width: calc(100% - 75px);}
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-info-modal .member-info ul li{font-size: 15px;}
    .memberList-modal .modal-table-wrap table td a.call span i{font-size: 18px;}
    
    /*모임가입 groupJoin*/
    .groupJoin-wrap .list > li{width: 50%;}
    .groupJoin-wrap .list > li:nth-child(3n){padding-right:20px;}
    .groupJoin-wrap .list > li:nth-child(2n){padding-right:0px;}
    .groupJoin-wrap .list > li:nth-last-child(-n+3){margin-bottom: 20px;}
    .groupJoin-wrap .list > li:nth-last-child(-n+2){margin-bottom: 0px;}
    
    .groupJoin-wrap li .groupInfo-btn{ right:40px;}
    .groupJoin-wrap li:nth-child(3n) .groupInfo-btn{right:40px;}
    .groupJoin-wrap li:nth-child(2n) .groupInfo-btn{right:20px;}
    
    .groupJoin-none-wrap .text{font-size: 15px;}
    .groupJoin-invite-wrap .list .text{font-size: 15px;}
    
    /*모임가입 모달 groupJoin_modal*/
    .groupJoin-modal .modal-table-wrap{max-height:260px;}
    
    /*모임생성 groupCreate*/
    .myInfo-list .groupCreate-mass{margin-bottom: -10px; margin-top: 15px;}
    .myInfo-list .groupCreate-mass:first-child{margin-top: 0;}
    .myInfo-list .groupCreate-mass > div{margin-bottom: 10px;}
    .myInfo-list .groupCreate-mass > span{margin-bottom: 10px;}
    .myInfo-list textarea{padding: 20px; font-size: 15px;}
    
    /*모임생성 groupCreate*/
    .gCreate-complete-wrap .complete-title{font-size: 28px;}
    
    /*성가리스트 choirList*/
    .page-table2 td,.page-table2 th{font-size: 15px;}
    .add-playList p{font-size: 14px;}
    
    /*성가 연습 choirPractice*/
    .choirPract-tab-wrap li a{padding:0 10px; font-size: 17px;}
    .choirPract-tab-wrap li span.bookmark2{right:10px;}
    .choirPract-tab-wrap li.actived a, .choirPract-tab-wrap li:hover a{padding:0 9px;}
    .choirPract-tab-wrap li.actived span.bookmark2, .choirPract-tab-wrap li:hover span.bookmark2{right:9px;}
    .choirPract-tab-wrap li span:after{font-size: 25px;}
    
    .video-top-wrap .practice-date span{width: 35px;height: 35px;}
    .video-top-wrap .practice-date span i{font-size: 19px;}
    .video-top-wrap .practice-date{font-size: 28px;}
    .video-top-wrap .f-right a:first-child{background: #276cad;}
    .video-top-wrap .f-right a:last-child{display:none;}
    .video-wrap{flex-wrap: wrap; height:auto;}
    .video-wrap .video-info{width: 100%;}
    .video-wrap .video{height: 500px;}
    .video-wrap .playList-wrap{width: 100%; margin-top: 30px; height: 400px;}
    .video-wrap .playList-wrap .evaluation-box p{font-size: 15px;}
    .video-wrap .playList-wrap .playList.playList-edit .choir-title p.title{font-size: 18px;}
    .page-btn-wrap2-1 .edit-btn{display:flex;}
    .calendar-popup{top:45px;}
    
    /*출석및스케줄 schedule*/
    .schedule-top-wrap .pc-date-wrap{display:none;}
    .schedule-top-wrap .m-date-wrap{display:block; width: 80px;}
    .schedule-top-wrap .m-date-wrap.selectBox .optionItem{padding: 0;}
    .schedule-top-wrap .m-date-wrap.selectBox .optionItem a{display:block; width: 100%; height:100%; padding: 0 20px;}
    .schedule-date{left: 340px;}
    .schedule-top-wrap .m-date-wrap.selectBox .optionItem:hover a{color:#fff;}
    .schedule-date.video-date-wrap .practice-date{font-size: 28px;}

    .calendar-month-wrap{width: calc(100% - 340px); }
    .schedule-top-wrap .pc-date-wrap li a{font-size: 15px;}
    .attendance-list p.date{font-size: 18px;}
    .attendance-list .list li .sch-title p.title{font-size: 16px;}
    .attendance-list .list li .sch-btn{margin-top: 10px;}
    .attendance-list .list li .sch-btn button{height: 40px; font-size: 14px;}
    .schedule-calendar-wrap .attendance-wrap{width: 320px;}
    .attendance-list{margin-top: 30px;}
    
    .schList-box > p.title{font-size: 13px;}
    .schList-box .schList-info .time{font-size: 13px;}
    .schList-box .schList-info .pratTxt .title{font-size: 15px;}
    .schList-box .schList-info .pratTxt .text{font-size: 13px;}
    
    .calendar-month-wrap .dayName li{font-size: 14px;}
    .calendar-month-wrap .dates ul li p.day{font-size: 13px;}
    .schedule-modal .main-schDetail-wrap{height: 360px;}
    
    /*출석 및 스케줄 주별 schedule_week*/
    .calendar-week-wrap .allDay li:first-child{font-size: 11px;}
    .calendar-week-wrap .calendar-dates .times li .time{font-size: 11px;}
    .nowTime-wrap .now p{font-size: 11px; padding:3px 3px 2px;}
    
    /*나의 연습내역 practice*/
    /*.practice-wrap .search-box{position:relative;}
    .practice-wrap .search-box .f-left{width: 100%; justify-content: space-between; padding-bottom:60px; position:relative;}
    .practice-wrap .calendar-box-wrap{position:absolute; bottom:0; left:0; width: calc(100% - 110px);}
    .practice-wrap .search-box .f-right{position:absolute; bottom:30px; right:30px;}
    .practice-wrap .search-box .f-right .comm-btn{width: 100px;}*/
    

    .practice-dete.datepickers-container{top:-65px !important;}
    
    /*나의 연습내역 모달 practiceModal*/
    .practiceModal .modal-table-wrap{overflow-y: auto; max-height:360px;}
    .modal-table-wrap .table2 thead tr th ,.modal-table-wrap .table2 tbody tr td{font-size: 15px;}
    
    /*공지사항 notice*/
    .notice-list-wrap .notice-list a .column .day{font-size: 40px;}
    
    /*공지사항 뷰페이지 notice_view*/
    .notice-view-wrap .page-table2 th{font-size: 16px;}
    
    /*FAQ faq*/
    .faq-wrap li dl strong{font-size: 19px; top:20px;}
    .faq-wrap li dl dt a{font-size: 17px; padding-left: 55px;}
    
    /*문의하기 question*/
    .question-tab li a{font-size: 17px; height: 55px;}
    textarea{font-size: 15px;}
    
    /*나의 문의내역 뷰페이지 question_view*/
    .questView-answer p{font-size: 15px;}

}
@media screen and (max-width: 1176px) {
    /*나의 연습내역 practice*/
    .practice-dete.datepickers-container{top:-5px !important;}
}
@media screen and (max-width: 1024px) {
    /* ruleset for 961px - 1023px*/
    /*출석및스케줄 schedule*/
    
    .schedule-modal .main-schDetail-wrap ul.text-wrap li .choir-text .choir{font-size: 15px;}
/*
    .schedule-calendar-wrap .attendance-wrap{display:none;}
    .calendar-month-wrap{width: 100%;}
    .m-attendance-wrap{display:block; width: 100%; background: #f5f5f5;}
*/
    
}

@media screen and (max-width: 960px) {
    /* ruleset for 769px - 960px*/
    
    /*modal 공통사항*/
    .modal-wrap{width: 100%; top:initial; left:0; bottom:90px; transform:none; border-radius: 10px 10px 0 0;}
    .modal-text-box{text-align: left; padding:50px 3%;}
    .modal-text-box2{padding:50px 30px 30px;}
    .modal2 .modal-btn{padding:30px 30px;}
    .modal-table-wrap{overflow-y: auto;}
    
    
    /*로그인페이지 login*/
    .loginWrap{width: 94%;}
    
    /*서브헤더 sub_header*/
    .pc-sub-header {display:none;}
    .m-sub-header {display:block; width: 100%;}
    .sub-history{width:100%; justify-content: flex-start; align-items: center;}
    .selectBox.historyList{border-radius: 0; border-top: 0; border-left: 0; width: 33.33%; height:60px; line-height: 59px; background: #f5f5f5;}
    .selectBox.historyList:last-child{border-right:0;}
    .selectBox.historyList .optionList{top:59px; border-radius: 0; }
    .sub-history li:before{display:none;}
    .selectBox.historyList .optionItem{height: 50px; line-height: 49px; padding:0;}
    .selectBox.historyList .optionItem:hover a{color: #fff;}
    .sub-history li a{color:#666;}
    .sub-history li a:last-child{color:#666; font-size: 15px;}
    .comm-btn{width: 120px;}
    
    /*회원정보수정페이지 myInfo*/
    .myInfo-list .title{width: 25%; font-weight: 500;}
    .myInfo-list .text{width: 75%;}
    .myInfo-list .text input.w1-input{width: 100%;}
    .myInfo-list .text input.w2-input{width: calc(100% - 130px);}
    .myInfo-list .birth-text:after{left: calc(100% - 50px);}
    .myInfo-list .sel-w360px{margin-bottom:10px; width: 100%; margin-right: 0!important;}
    
    .myInfo-list .input-w360px.myInfo-input360{width: calc(100% - 260px);}
    
    
    .btn-w300px{width: 230px;}
    .myInfo-dete{top:385px;}
    
    
    .baptismal-text{flex-wrap:wrap; margin-bottom: -10px;}
    .baptismal-text input.input-w360px{width: 100% !important; margin-right: 0 !important;}
    .baptismal-text input.input-w120px{width: calc(50% - 70px);}
    
    /*세례명 검색 모달 baptismalModal*/

    .baptismal-modal .has-search .search-list{max-height: 34vh}
    .baptismal-modal .has-search .search-list > li label{padding: 12px 20px;}
    .baptismal-modal .has-search .search-list > li .search-text p.title{font-size: 16px; margin-bottom: 0;}
    .baptismal-modal .none-search p.result{text-align: center;}
    
    
    /*나의 모임정보 groupInfo*/
    .tab-wrap{padding:0; background:none;}
    .tab-wrap .pc-groupList-wrap{display:none;}
    .tab-wrap .m-groupList-wrap{display:flex; margin-bottom: 0;}
    .tab-wrap .m-groupList-wrap .list{width: 45%; align-items: center;}
    .tab-wrap .m-groupList-wrap .list .swiper-slide{margin-right:20px; border:none;}
    .tab-wrap .m-groupList-wrap .list .swiper-slide:last-child{margin-right:0;}
    .tab-wrap .m-groupList-wrap .list .swiper-slide > a{display:flex; align-items: center; justify-content: space-between; height:65px; width: 100%; padding-right:65px; padding-left: 20px; border-radius: 5px; border:1px solid #d7d7d7;}
    
    .tab-wrap .m-groupList-wrap .list .swiper-slide a.actived{border:2px solid #276cad;}
    .tab-wrap .groupList-wrap .bookmark{right:0;}
    
    .groupInfo-cont-wrap{margin-top: 30px;}
    .tab-wrap .m-groupList-wrap .list .swiper-slide.groupAdd {overflow:hidden;}
    .tab-wrap .m-groupList-wrap .list .swiper-slide.groupAdd a{padding-right: 0; background: #f5f5f5;}
    
    /*나의모임정보 모달 inviteModal*/
    .invite-modal .modal-text-box{padding:60px 30px 20px;}
    .invite-modal .modal-text-box .title{text-align: center;}
    .invite-modal .modal-text-box .text{text-align: center;}
    .modal-text-box .message-text{margin-top: 20px; padding:40px 30px;}
    .modal-text-box .tel-wrap{margin-top: 20px;}
    
    /*단원리스트 memberList*/
    .page-search-wrap .sel-w160px{width: 120px;}
    .page-search-wrap .search-box{width: calc(100% - 130px);}
    .page-search-wrap .search-box .input-100pro{width: calc(100% - 130px);}
    .memberList-wrap .member-list li a{padding:25px 20px;}
    .memberList-wrap .member-list li a:hover{border:1px solid #d7d7d7; padding: 25px 20px;}
    .memberList-wrap .member-list li a img{width: 65px;height: 65px;}
    .memberList-wrap .memberInfo{margin-left: 15px;}
    .memberList-wrap .memberInfo .title{font-size: 17px;}
    .memberList-wrap .memberInfo .hasMg .title{max-width: calc(100% - 82px);}
    .memberList-wrap .memberInfo span.mg{padding:3px 6px 4px;}
    .memberList-wrap .memberinfo-text > p{font-size: 14px;}
    .subTitle{font-size: 25px;}
    .subTitle .titleBar{font-size: 23px;}
    
    /*모임가입 groupJoin*/
    .groupJoin-wrap .list > li > a{padding:25px 20px;}
    .groupJoin-wrap .list > li > a:hover{border:1px solid #d7d7d7; padding:25px 20px; background:#fff;}
    .groupJoin-wrap .list li > a.actived:hover,.groupJoin-wrap .list li > a.actived{background: #f0f5f9; padding:24px 19px; border:2px solid #276cad;}
    
    .groupJoin-wrap .choirInfo .title .choirName{font-size: 17px; max-width: calc(100% - 55px);}
    .groupJoin-wrap .choirInfo .title .option{padding:3px 6px 4px; }
    .groupJoin-wrap .choirInfo .text{font-size: 14px;}
    .groupJoin-wrap .choirInfo ul.total > li{margin-top: 20px; font-size: 13px;}
    .groupJoin-wrap li .groupInfo-btn{height:calc(100% - 40px); top:20px;}
    
    /*모임생성 groupCreate*/
    .myInfo-list .sel-w70pro{width: 100%;}
    .myInfo-list .sel-w70pro{width: 100%;}
    .myInfo-list .explain p.text{font-size: 13px; line-height: 1.3; display:block; width: 100%; word-break: break-all;}
    
    /*모임생성 groupCreate*/
    .gCreate-complete-wrap .complete-title{font-size: 25px;}
    .myInfo-list .groupCreate-mass .sel-w160px{width: 140px;}
    
    
    /*모임생성 검색모달 groupCreate_modal*/

    .groupCreate-modal .has-search .search-list{max-height: 34vh}
    .groupCreate-modal .has-search .search-list li label{padding: 12px 20px;}
    .groupCreate-modal .has-search .search-list li .search-text p.title{font-size: 16px; margin-bottom: 0;}
    .groupCreate-modal .none-search p.result{text-align: center;}
    
    /*성가연습 choirList*/
    .choirList-page-sel .sel-w120px{width: 90px;}
    .choirList-page-sel .sel-w160px{width: 130px;}
    .choirList-page-sel .f-right{display:none}
    .selectBox .label{padding:0 40px 0 15px;}
    .page-table2 td, .page-table2 th{padding:10px 10px;}
    input{padding:0 15px;}
    .table-hover tbody tr:hover td{background:inherit;}
    .table-hover tbody tr.actived td{background: #f0f5f9;}
    .add-playList{bottom:150px;}
    
    /*푸터 하단 메뉴_성가연습 footerMenu2*/
    .footer-menu2{z-index: 999999999; background: #276cad; border-top: 0; display:none;}
    .footer-menu2 li{width: 33.33%;}
    .footer-menu2 li a{color:#fff;}
/*    .footer-menu2.footer-menu li a:before{}*/
    .footer-menu2.footer-menu li:nth-child(1) a:before{background-image: url(../images/footerMenu2_01.png); width: 16px;}
    .footer-menu2.footer-menu li:nth-child(2) a:before{background-image: url(../images/footerMenu2_02.png); width: 20px; top:21px;}
    .footer-menu2.footer-menu li:nth-child(3) a:before{background-image: url(../images/footerMenu2_03.png); width: 18px; top:25px;}
    
    /*푸터 하단메뉴_성가연습 footerMenu3*/
    .footer-menu3{z-index: 999999999; background: #276cad; border-top:0;  display:none;}
    .choirList-auto-wrap .footer-menu3{background: #333;}
    .footer-menu3 li{width: 25%;}
    .footer-menu3 li a{color:#fff;}
    .footer-menu3.footer-menu li:nth-child(1) a:before{background-image: url(../images/footerMenu3_01.png); width: 16px; top:23px;}
    .footer-menu3.footer-menu li:nth-child(2) a:before{background-image: url(../images/footerMenu3_02.png); width: 16px; top:23px;}
    .footer-menu3.footer-menu li:nth-child(3) a:before{background-image: url(../images/footerMenu3_03.png); width: 17px; top:22px;}
    .footer-menu3.footer-menu li:nth-child(4) a:before{background-image: url(../images/footerMenu3_04.png); width: 18px; top:28px;}
    
    /*성가 재생목록 m_playList*/
    .m-playList{position:fixed; bottom:90px; left:0; right:0; width: 100%; margin:0 auto; z-index: 999999999; display:block;}
    .m-playList .playList-veiw-btn{display: flex; justify-content: center;}
    .m-playList .playList-veiw-btn a{display:flex; align-items: center; justify-content: center; height: 30px; width: 200px; background: #276cad; border-radius: 10px 10px 0 0; color:#fff; font-size: 14px;}
    .playList-veiw-btn a:after{content:'\f0d8'; display:inline-block; font-size: 12px; color:#fff; margin-left:10px; font-weight: 900; font-family:"Font Awesome 6 Pro"; vertical-align: middle;margin-bottom: -3px; transition: transform, .3s; transform: rotate(0deg);}
    .playList-veiw-btn a.actived:after{transform: rotate(180deg);}
    
    
    .m-playList .playList-wrap{width:calc(100% + 4px);margin-left:-2px; padding:50px 30px 30px; background: #fff; position:relative; border-radius: 10px 10px 0 0; overflow: hidden; border:2px solid #276cad; border-bottom: 0; height:70vh; display:none;}
/*    .playList-wrap:before{content:''; display:block; width: 100%; height: 2px; position:absolute; top:0; left:0; background: #276cad;}*/
    
    .m-playList .playList-wrap .title-wrap{display:flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #276cad; padding-bottom: 10px;}
    .m-playList .playList-wrap .title-wrap p.title{font-size: 23px; color:#333; font-weight: 600; line-height: 1.3}
    
    
    .m-playList .choir-playList-wrap{height:calc(100% - 121px);}
    .m-playList .choir-playList-wrap li > a{width:calc(100% - 55px); padding: 0 20px;}
    .m-playList .choir-playList-wrap li > a > input{margin-right: 20px;}
    .m-playList .choir-playList-wrap li .arrow-btn-wrap{margin-right: 20px;}
    .m-playList .choir-playList-wrap li .arrow-btn-wrap > a{width: 35px;height: 35px;}
    
    /*성가 연습 choirPractice*/
    .choirPract-video-wrap{margin-top: 30px;}
    .pc-choirPract{display:none;}
    .m-choirPract-tab-wrap{display:block;}
    .m-choirPract-tab-wrap ul li{width: 45%; margin-right: 20px; border-radius: 5px; border:1px solid #d7d7d7; display:flex; align-items: center; justify-content: space-between; padding:0 20px; position:relative;}
    .m-choirPract-tab-wrap ul li:last-child{margin-right: 0;}
    .m-choirPract-tab-wrap ul li.swiper-slide-active{border:2px solid #276cad; }
    .m-choirPract-tab-wrap ul li a{display:flex;align-items: center; justify-content: flex-start; height: 60px; color:#333; font-weight: 500; font-size: 18px;}
    .m-choirPract-tab-wrap li span.bookmark2{display:block; position: absolute; right:20px; cursor: pointer; height: 100%; width: 35px; }
    .m-choirPract-tab-wrap li span:after{content: '\f005'; display:block; font-size: 28px; font-weight: 900; font-family:"Font Awesome 6 Pro" ; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#d7d7d7;}
    .m-choirPract-tab-wrap li.actived span:after{color:#f5b415;}
    
    .video-top-wrap .practice-date{font-size: 25px;}
    .video-wrap .video{height: 400px;}
    .video-wrap .playList-wrap{display:block; margin-top: 20px;}
    .video-wrap .playList-wrap .playList > li{margin:0 20px;}
    .video-wrap .playList-wrap .playList li a .choir-info-wrap{padding:20px 0;}
    .video-wrap .playList-wrap .evaluation-box{margin-top: 0; padding: 20px;}
    
    .playList-edit .choir-info-wrap{padding:0;}
    .playList-edit .choir-info-wrap .check{display:block;}
    .playList-edit .choir-info-wrap .choir-title{width: calc(100% - 61px); padding:20px 20px 20px 0;}
    .playList-edit .choir-info-wrap .arrow-btn-wrap > a {display:none;width: 35px;height: 35px;}
    .playList-edit .choir-info-wrap .arrow-btn-wrap a.sort{display:flex;}
    
    .choirImg-btn{display:none;}
    .m-choirImg-btn-wrap{display:flex; justify-content: flex-end; margin-top: 20px; width: 100%;}
    .choirImg-wrap{width: 100%; max-height: 800px; overflow-y: auto; border:1px solid #d7d7d7; border-radius: 5px;margin-top: 10px; padding: 60px;}
    .choirImg-wrap img{width: 100%;}
    
    /*출석및스케줄*/
    .schedule-wrap{margin-top: 60px;}
    .schedule-calendar-wrap .attendance-wrap{display:none;}
    .calendar-month-wrap{width: 100%;}
    .m-attendance-wrap{display:block; width: 100%; background: #f5f5f5; padding:30px 3%;}
    .attendance-list{margin-top: 0;}
    .m-attendance-wrap .date-wrap{display:flex; align-items: center; justify-content: space-between;}
    .m-attendance-wrap .date-wrap p.date{font-size: 20px; font-weight: 600; color:#333; font-family: 'roboto';}
    .m-attendance-wrap .date-wrap span{display:block; width: auto; height: 1px;border-bottom:1px dashed #d7d7d7; width: calc(100% - 195px);}
    .m-attendance-wrap .date-wrap .attendance-menu{display:flex; justify-content: center; align-items: center;  width: 35px;height: 35px; background: #d7d7d7; border-radius: 5px;}
    .m-attendance-wrap .date-wrap .attendance-menu i{color:#888;}
    
    .attendance-list .list li {display:flex; justify-content: space-between; align-items: center;}
    .attendance-list .list li .sch-title{width:calc(100% - 280px); padding-right: 30px; flex-wrap: wrap;}
    .attendance-list .list li .sch-title p.title{width: 100%; font-size: 18px;}
    .attendance-list .list li .sch-title .time{margin-top: 5px;}
    .attendance-list .list li .sch-btn{margin-top: 0; width:auto; flex-wrap: nowrap;}
    .attendance-list .list li .sch-btn button{width: 90px; height: 60px;}
    .attendance-list .list li .sch-btn button.practice-btn{width: 90px; margin-top: 0;}
    .attendance-list .list li .sch-btn button.absence-btn{margin: 0 5px;}
    
    .schedule-top-wrap{padding-top: 50px;}
    .schedule-date{left:50%; top:0; transform: translateX(-50%); width: 100%; justify-content: center;}
    .schedule-date.video-date-wrap .practice-date{font-size: 25px;}
    .schedule-top-wrap .comm-btn{width: 160px;}
    
    .schedule-calendar-wrap{width: 106%; margin: 30px -3% 0; height: 840px;}
    
    .schedule-top-wrap .m-date-wrap{width: 100px;}
    
    .calendar-month-wrap .dayName{height: 45px;}
    .calendar-month-wrap .dates{height: calc(100% - 45px);}
    .calendar-month-wrap .dates ul li p.day{font-size: 12px;width: 26px;height: 26px;}
    .calendar-month-wrap .dates ul li:hover p.day{color:inherit !important;}
    .calendar-month-wrap .dates ul li:hover p.day:before{display:none; }
    .calendar-month-wrap .dates ul li:hover p.today{color:#fff !important;}
    .calendar-month-wrap .dates ul li:hover p.today:before,.calendar-month-wrap .dates ul li p.today:before{display:block;width: 26px;height: 26px; background: #276cad;}
    .calendar-month-wrap{ border-right: 0; border-left: 0; border-radius: 0;}


    .schList-box > p.title{font-size: 11px; line-height: 1.3em; max-height:2.7em; min-height: 1.3em; white-space: normal; display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
    
    .schList-box:hover .schList-info{display:none;}
    
    
    /*스케줄 위치*/
    .schList-box.sch1{top:calc(33.2% + 35px)}
    .schList-box.sch2{top:calc(33.2% + 62px)}
    .schList-box.sch3{top: calc(33.2% + 103px );}
    
    /*스케줄 모달 scheduleModal*/
    .schedule-modal .modal-text-box2{padding:60px 3% 0;}
    .schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title{width: calc(100% - 333px);}
    .schedule-modal .sch-btn button{font-size: 14px; width: 85px;}
    .schedule-modal .absence-text .selectBox{width: calc(100% - 95px);}
    .schedule-modal .absence-text .save-btn{width: 85px;}
    
    /*스케줄 히스토리 모달 m_schedule_history*/
    .historyMenu-modal .modal-wrap{background: #f5f5f5;}
    .historyMenu-modal .modal-text-box2{height: 65vh; overflow-y: auto;}
    .sch-history-wrap{margin-top: 30px;}
    .sch-history-wrap:first-child{margin-top: 0px;}
    .sch-history-wrap  .date-wrap{display:flex; align-items: center; justify-content: space-between;}
    .sch-history-wrap  .date-wrap .dashed{display:block; width: calc(100% - 110px); border-bottom:1px dashed #d7d7d7}
    
    .sch-history-wrap.attendance-list .list li{flex-wrap: wrap;}
    .sch-history-wrap .sch-history-title{display:flex; justify-content: space-between; align-items: center; width: 100%;}
    .sch-history-wrap .sch-history-title .title{font-size: 17px; font-weight: 600; color:#333;}
    .sch-history-wrap .sch-history-title .time{font-size: 14px;color:#888; font-family: 'roboto';}
    .sch-history-wrap .text{font-size: 14px; color:#888;}
    
    /*출석 및 스케줄 주별 schedule_week*/
    .calendar-week-wrap .allDay li:first-child{font-size: 13px;}
    .calendar-week-wrap .calendar-dates .times li .time{font-size: 12px;}
    .nowTime-wrap .now p{font-size: 12px;}
    
    /*회비납부내역 due*/
    .pc-due-wrap{display:none}
    .m-due-wrap{display:block;}
    .dueAuto{padding-bottom:130px; position:relative;}
    .dueAuto .page-sel-wrap .f-right {position:absolute;bottom:0;left:0; justify-content: center; width: 100%;}
    .dueAuto .page-sel-wrap .f-right .payment-btn{width: 230px;}

    .due-list-wrap{width:100%;}
    .due-list-wrap li{width:100%; padding:30px; border:1px solid #d7d7d7; border-radius: 5px; display:flex; justify-content: space-between; align-items: center; flex-wrap:wrap; margin-top: 10px;}
    .due-list-wrap li .due-info{width: 85%; padding-right: 10px;}
    .due-list-wrap li .due-info .title{color:#333; font-size: 20px;font-weight: 600;margin-bottom: 6px;}
    .due-list-wrap li .due-info .text{display:flex; justify-content: flex-start; align-items: center;}
    .due-list-wrap li .due-info .text > span{color:#888; font-size: 14px;}
    .due-list-wrap li .due-info .text > span:first-child:after{content:''; display:inline-block; width: 1px; height: 8px; background: #d7d7d7; margin:0 10px;}
    .due-list-wrap li .due-state{width: 15%; text-align: center;}
    .due-list-wrap li .due-state .icon{display: none;}
    .due-list-wrap li .due-state p{font-size: 18px; font-weight: 500;}
    .due-list-wrap li .due-state .table-inbtn{display: block; width: 100%; font-size: 17px; padding: 25px 0; }
    .state-text{width: 100%; margin-top: 15px; font-size: 14px; display:flex; align-items: center; line-height: 1.3;}
    
    /*회비납부내역 dueModal*/
    .dueSel-wrap .selectBox .optionList{max-height:100px;}
    .dueModal .modal-table-wrap{overflow: inherit;}
    
    /*나의 연습내역 practice*/
    .practice-wrap{margin-top:0;}
    .practice-wrap .search-box{width: 106%; margin-left:-3%; padding:30px 3%; position:relative;}
    .practice-wrap .search-box .f-left{width: 100%;}
    .practice-wrap .search-box .sel-w160px{width: 160px;}
    .practice-wrap .calendar-box-wrap{width: 100%;}
    .practice-wrap .calendar-box input{width: 100%;}
    .select-period li a{font-size: 13px;}
    .practice-wrap .search-box .f-right{position:absolute; top:30px; right:3%;}
    .practice-wrap .search-box .f-right .comm-btn{width: 160px;}
    /*.practice-wrap .page-table2 colgroup col:nth-child(3), .practice-wrap .page-table2 colgroup col:nth-child(4), .practice-wrap .page-table2 colgroup col:nth-child(5){width: 16% !important;}
    .practice-wrap .page-table2 th, .practice-wrap .page-table2 td{padding: 10px 5px;}
    td.level span:before{font-size: 15px;}*/
    .practice-info-wrap{display:none;}
    .m-practice-info-wrap{display:block;}
    .m-practice-info-wrap .info-list > li{margin-top: 10px;}
    .m-practice-info-wrap .info-list > li a{display:flex; justify-content: space-between; align-items: center; border:1px solid #d7d7d7; border-radius: 5px; padding:30px;}
    .m-practice-info-wrap .choirTitle p{font-size:20px; color:#333; font-weight: 600; margin-bottom: 6px;}
    .m-practice-info-wrap .info span{color:#888; font-size: 14px;}
    .m-practice-info-wrap .info span:first-child:after{content:''; display: inline-block; margin:-1px 10px 0; width: 1px; height: 8px; background: #d7d7d7; vertical-align: middle;}
    
    .m-practice-info-wrap .info-list .level-wrap{text-align: right;}
    .m-practice-info-wrap .info-list .level-wrap .level{font-size: 20px; font-weight: 500; margin-bottom: 6px; color:#333}
    .m-practice-info-wrap .info-list .level-wrap .level1{color:#276cad;}
    .m-practice-info-wrap .info-list .level-wrap .level:after{display:inline-block; margin-left:5px; font-weight: 900; font-family:"Font Awesome 6 Pro" ; }
    .m-practice-info-wrap .info-list .level-wrap .level1:after{content:'\f35b'; color:#276cad}
    .m-practice-info-wrap .info-list .level-wrap .level2:after{content:'\f28b'; transform: rotate(90deg);}
    .m-practice-info-wrap .info-list .level-wrap .level3:after{content:'\f358';}
    .m-practice-info-wrap .info-list .level-wrap span{font-size: 14px; color:#888;}
    
    

    .practice-dete.datepickers-container{top:-150px !important;}
    
    /*나의 연습내역 곡명검색 practice_choir*/
    .practice-wrap2 .search-box .f-left{width: auto;}
    .practice-wrap2 .search-box .f-right {position:inherit; top:0; right:0; width:calc(100% - 170px)}
    .practice-wrap2 .m-practice-info-wrap .info-list > li {display:flex; justify-content:space-between; align-items: center;
    width: 100%; border:1px solid #d7d7d7; border-radius: 5px; padding:30px;}
    .practice-wrap2 .choirTitle{display:flex; justify-content: flex-start; align-items: center;}
    .practice-wrap2 .choirTitle p{margin-bottom: 0;}
    .practice-wrap2 .choirTitle p:first-child:after{content:''; display:inline-block; width: 1px;height: 12px; background: #d7d7d7; margin:0 10px;}
    .practice-wrap2 .m-practice-info-wrap .info-list .level-wrap .level{margin-bottom: 0;}
    
    
    /*공지사항 notice*/
    .notice-list-wrap .notice-list a{padding: 25px 0;}
    .notice-list-wrap .notice-list a .column .day{font-size: 40px;}
    .notice-list-wrap .notice-list a:hover .column .day{color:#aaa;}
    .notice-list-wrap .notice-list a .column .date{font-size: 14px;}
    .notice-list-wrap .notice-list a .subject .sub{font-size: 14px;}
    .notice-list-wrap .notice-list a:hover .subject .title{color:#333;}
    .notice-list-wrap .notice-list a:hover .subject span{color:#333;}
    
    /*FAQ faq*/
    .faq-wrap li dl dd{font-size: 15px;}
    
    /*문의하기 question*/
    .question-tab li a{font-size: 16px;}
    .question-table.page-table1 th{width: 20%;}
    .question-table.page-table1 td{width: 80%;}
    .question-table input.sel-w70pro{width: 100%;}
    .question-table .question-input-wrap2 input{width: calc(100% - 130px);}
    .question-wrap .privacyText{margin-top: 40px;}
    .question-table .selectBox.sel-w70pro{width: 100%;}
   
    /*나의문의내역 questionList*/
    .questionList-wrap.notice-list-wrap .notice-list a .answer{font-size: 14px;}
}

@media screen and (max-width: 768px) {
    /* ruleset for 577px - 768px*/
    /*modal 공통사항*/
    .modal-text-box .text{font-size: 14px;}
    .selectBox .label{font-size: 14px;}
    .selectBox .optionItem{font-size: 14px;}
    .modal-btn{padding:20px 3%;}
    .modal-btn a{font-size: 14px;}
    .modal-text-box2{padding:50px 3% 20px;}
    .modal2 .modal-btn{padding: 20px 3%;}
    .modal-table-wrap .table1 th, .modal-table-wrap .table1 td{font-size: 14px; padding:10px; height:45px;}
    .groupJoin-modal .part-select-wrap{margin-top: 20px;}
    .groupJoin-modal .part-select-wrap p{font-size: 14px;}
    
    
    
    /*로그인페이지 login*/
    .loginWrap .login-inner{position:relative; padding-bottom: 30px;}
    .loginWrap .login-inner h4{font-size: 30px;}
    input{font-size: 14px;}
    input[type="checkbox"]{width: 15px; height: 15px;}
    .loginWrap {padding:60px 40px;}
    .page-btn{font-size: 14px;}
    .loginWrap .login-btn{margin-top: 50px; margin-bottom: 35px;}
    .login-checkBox{margin-top: 20px;}
    .login-checkBox .checkBox label{font-size: 13px;}
    .login-list{position:absolute; bottom:30px; left:50%; transform: translate(-50%,0); width: 100%; justify-content: center}
    .login-list li a{font-size: 13px;}
    .snsWrap ul li a{width: 50px;height: 50px;}
    
    /*아이디찾기 페이지 find_id*/
    .preventionTxt .pret-btn li button{font-size: 13px;}
    .preventionTxt .pret-btn li button:before{font-size: 13px;}
    .find-id-list li a{font-size: 13px;}
    
    /*회원정보수정페이지 myInfo*/
    .myInfo-list .title{font-size: 15px;}
    .myInfo-list .text img{width: 180px;height: 180px;}
    .myInfo-list .pfImge-btn{width: calc(100% - 200px); margin-left: 20px;}
    .myInfo-list .pfImge-btn .myInfo-img-btn{width: 100%;}
    .myInfo-list .explain label{font-size: 13px;}
    .myInfo-list .birth-text:after{font-size: 20px;}
    .myInfo-list .input-w360px.myInfo-input360{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .myInfo-list .sel-w120px{width: calc(50% - 5px);}
    .myInfo-list .email-wrap > span{font-size: 14px;}
    .myInfo-list .email-wrap .myInfo-input-w360px{margin-right: 0 !important; width:calc(50% - 11.7px); margin-bottom: 10px;}
    .myInfo-list .email-wrap .selectBox.myInfo-input-w360px{width: 100%;}
    .myInfo-list .gender-wrap label{font-size: 14px;}
    .myInfo-list span{font-size: 14px;}
    
    .privacyText{margin-top: 60px;}
    .privacyText .privacy-text{padding: 30px; height: 200px;}
    .privacyText .privacy-text p{font-size: 14px; margin-bottom: 15px;}
    .privacyText .privacy-chk{margin-top: 20px;}
    .privacyText .privacy-chk p.text{font-size: 14px;}
    
    
    /*세례명 검색 모달 baptismalModal*/
    .baptismal-modal .search-wrap .sel-w160px{width: 120px;}
    .baptismal-modal .search-text-wrap{width: calc(100% - 130px);}
    .baptismal-modal .search-text-wrap a{width: 80px;}
    .baptismal-modal .name-wrap input{width: calc(100% - 90px);}
    .baptismal-modal .date-wrap .selectBox{width: calc(50% - 50px);}
    .baptismal-modal .has-search .search-list{max-height: 32vh;}
    .baptismal-modal .has-search .search-list > li label{padding: 10px 20px;}
    .baptismal-modal .modal-text-box{padding-bottom: 20px;}
    .baptismal-modal .has-search .search-list > li .search-text ul.info li{font-size: 13px;}
    .baptismal-modal .has-search .search-list > li.many-used label span.icon i{font-size: 18px;}
    
    
    
    /*나의모임정보 groupInfo*/
    
    .tab-wrap .groupList-wrap .groupName p.title{font-size: 16px;}
    .tab-wrap .groupList-wrap .groupName p.info{font-size: 13px;}
    
    .page-table1 th{width: 25%;}
    .page-table1 th, .page-table1 td{font-size: 14px;}
    .modal-text-box .message-text p.adress{font-size: 13px;}
    
    
    /*나의모임정보 모달 inviteModal*/
    .invite-modal .modal-text-box{padding:60px 3% 20px;}
    .modal-text-box .message-text p{font-size: 14px;}
    .modal-text-box .tel-wrap p{font-size: 14px;}
    
    /*단원리스트 memberList*/
    .memberList-total p{font-size: 14px;}
    .memberList-total .sel-w160px{width: 140px;}
    .memberList-wrap .member-list{margin-top: 10px;}
    .memberList-wrap .member-list li{width: 100%; padding-right: 0; margin-bottom: 10px;}
    .memberList-wrap .member-list li:nth-child(3n){padding-right: 0;}
    .memberList-wrap .member-list li:nth-last-child(-n+3){margin-bottom: 10px;}
    .memberList-wrap .member-list li:nth-last-child(-n+2){margin-bottom: 10px;}
    .memberList-wrap .member-list li a{padding:30px 20px;}
    .memberList-wrap .member-list li a:hover{padding:30px 20px;}
    .memberList-wrap .member-list li a img{width: 80px;height: 80px;}
    .memberList-wrap .memberInfo .title{font-size: 18px;}
    .subTitle{font-size: 23px;}
    .subTitle .titleBar{height: 21px;width: 3px; margin-right: 5px;}
    .subTitle .titleBar:before{height: 6px;}
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-info-modal{margin-top: 20px;}
    .memberList-info-modal img{width: 140px;height: 140px;}
    .memberList-info-modal .member-info p.name{font-size: 18px;}
    .memberList-info-modal .member-info ul{margin-top: 15px;}
    .memberList-info-modal .member-info ul li{font-size: 14px; }
    .memberList-info-modal .member-info{width: calc(100% - 140px); padding-left: 20px;}
    .memberList-modal .modal-table-mt30{margin-top: 20px;}
    .memberList-modal .modal-table-wrap table td a.call span:before{margin-right: 15px;}
    .memberList-modal .modal-table-wrap table td a.call span i{font-size: 16px; margin-top: 0px;}
    
    /*모임가입 groupJoin*/
    .groupJoin-wrap .list{margin-top:10px;}
    .groupJoin-wrap .list > li{width: 100%; padding-right: 0; margin-bottom: 10px;}
    .groupJoin-wrap .list > li:nth-child(3n){padding-right: 0;}
    .groupJoin-wrap .list > li:nth-last-child(-n+2){margin-bottom: 10px;}
    .groupJoin-wrap .list > li:nth-last-child(-n+3){margin-bottom: 10px;}
    .groupJoin-wrap .list > li:last-child{margin-bottom: 0;}
    .groupJoin-wrap .list > li > a{padding:30px 20px;}
    .groupJoin-wrap .list > li > a:hover{padding:30px 20px;}
    .groupJoin-wrap .list li > a.actived:hover, .groupJoin-wrap .list li > a.actived{padding:29px 19px;}
    .groupJoin-wrap .choirInfo .title .choirName{font-size: 18px;}
    
    .groupJoin-wrap li .groupInfo-btn{right:20px;}
    .groupJoin-wrap li:nth-child(3n) .groupInfo-btn{right:20px;}
    
    .groupJoin-none-wrap .text{font-size: 14px; margin-top: 20px;}
    .groupJoin-none-wrap .icon{width: 100px;height: 100px; border:5px solid #276cad; font-size: 60px;}
    .groupJoin-invite-wrap .list .text{font-size: 14px;}
    .groupJoin-invite-wrap .list .text span.icon{width: 16px;height: 16px;font-size: 11px;}
    
    .groupJoin-none-wrap{padding: 60px; padding-bottom: 0;}
    .groupJoin-invite-wrap{margin-top: 60px;}
    
    /*모임가입 모달 groupJoin_modal*/
    .groupJoin-modal .modal-table-wrap{max-height:240px;}
    
    /*모임생성 groupCreate*/
    .myInfo-list .groupCreate-mass .sel-w120px{width: 110px;}
    .myInfo-list textarea{height: 100px; font-size: 14px; padding: 10px;}
    
    /*모임생성 groupCreate*/
    .gCreate-complete-wrap{padding-bottom: 60px;}
    .gCreate-complete-wrap .complete-title{font-size: 23px; margin-top: 20px;}
    
    /*모임생성 검색모달 groupCreate_modal*/
    .groupCreate-modal .has-search .search-list{max-height: 32vh;}
    .groupCreate-modal .has-search .search-list li label{padding: 10px 20px;}
    .groupCreate-modal .modal-text-box{padding-bottom: 20px;}
    .groupCreate-modal .has-search .search-list li .search-text p.location{font-size: 13px;}
    
    /*성가연습 choirList*/
    .page-table2 td, .page-table2 th{font-size: 14px; padding:8px 5px}
    .page-table2 td.tal{padding:8px 8px;}
    
    
    {width: 18% !important;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(1){width: 8% !important;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(4),.choirList-auto-wrap .page-table2 colgroup col:nth-child(5){width: 18% !important;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(6){display:none;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(7){width: 14% !important;}
    
    .choirList-auto-wrap .page-table2 td:nth-child(6),.choirList-auto-wrap .page-table2 th:nth-child(6){display:none;}
    .paging{margin-top: 60px;}
    .paging .page-num{margin-left: 5px;margin-right: 5px;}
    .paging .page-num a{font-size: 14px;}
    
    
    /*푸터 메뉴 footerMenu3*/
    .m-playList .playList-wrap{height:65vh;}
    .m-playList .playList-wrap{padding: 50px 3% 20px;}
    .m-playList .choir-playList-wrap li a .choirName .choirInfo{margin-top: 4px;}
    .m-playList .choir-playList-wrap li a .choirName .choirInfo span{font-size: 13px;}
    .m-playList .choir-playList-wrap{height:calc(100% - 111px);}
    .m-playList .btn-mt30{margin-top: 20px;}
    
    /*성가연습 choirPracitice*/
    .video-top-wrap .practice-date{font-size: 23px;}
    .video-wrap .video{height: 320px;}
    .video-wrap .info-box{padding: 20px;}
    .video-wrap .playList-wrap .playList .choir-title p.title{font-size: 17px;}
    .video-wrap .playList-wrap .evaluation-box p{font-size: 14px;}
    .video-wrap .playList-wrap .playList.playList-edit .choir-title p.title{font-size: 17px;}
    
    .choirImg-wrap{max-height: 600px; padding: 50px;}
    
    /*출석및스케줄 schedule*/
    .attendance-list .list li .sch-title{width: calc(100% - 260px); padding-right: 20px;}
    .attendance-list .list li .sch-btn button{width: 80px; height: 50px;}
    .attendance-list .list li .sch-title p.title{font-size: 17px;}
    
    .schedule-date.video-date-wrap .practice-date{font-size: 23px;}
    .video-date-wrap .practice-date span{width: 35px;height: 35px;}
    .video-date-wrap .practice-date span i{font-size: 17px;}
    
    .schedule-calendar-wrap{margin-top: 10px;}
    .calendar-month-wrap .dayName li{font-size: 13px;}
    
    .main-schDetail-wrap .detail-list-wrap > li .list-inner{padding: 15px 0;}
    .main-schDetail-wrap .detail-list-wrap > li .sch-btn{top:15px;}
    .main-schDetail-wrap .detail-list-wrap > li .list-title .title{font-size: 17px;}
    
    /*스케줄 모달 scheduleModal*/
    .schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title{width: calc(100% - 328px);}
    .schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title .title{font-size: 17px;}
    .schedule-modal .main-schDetail-wrap ul.text-wrap li .choir-text .text{font-size: 13px;}
    .schedule-modal .sch-btn button{width: 80px;}
    
    
    /*출석 및 스케줄 주별 schedule_week*/
    .calendar-week-wrap .dayName li .pc-mr05{margin-right: 3px;}
    .calendar-week-wrap .calendar-dates .times li .time{font-size: 11px;}
    .nowTime-wrap .now p{font-size: 11px;}
    .calendar-week-wrap .allDay li:first-child{font-size: 12px;}
    
    /*회비납부내역 due*/
    .due-list-wrap li{padding: 30px 20px;}
    .due-list-wrap li .due-info{width: 80%;}
    .due-list-wrap li .due-info .title{font-size: 18px;}
    .due-list-wrap li .due-state{width: 20%;}
    .due-list-wrap li .due-state p{font-size: 16px;}
    .due-list-wrap li .due-state .table-inbtn{font-size: 15px;}
    
    


    /*회비납부내역 dueModal*/
    .dueModal .modal-table-wrap .table1 th, .dueModal .modal-table-wrap .table1 td{padding: 5px 10px;}
    .dueSel-wrap .icon{right:-10px;}
    .dueSel-wrap .selectBox.sel-w120px{width: 80px;}
    .dueSel-wrap .input-w70pro{width: 100%;}
    
    
     /*나의연습내역 practice*/

    .select-period li a{font-size: 12px; width: 50px;}
    .m-practice-info-wrap .choirTitle p{font-size: 18px; margin-bottom: 8px;}
    .m-practice-info-wrap .info-list .level-wrap .level{font-size: 18px; margin-bottom: 8px;}
    
    .practice-dete.datepickers-container{top:-170px !important;}
    
    /*나의 연습내역 모달 practiceModal*/
    .practiceModal .modal-table-wrap{max-height:320px;}
    .modal-table-wrap .table2 thead tr th, .modal-table-wrap .table2 tbody tr td{font-size: 14px;}
    
    
    
    /*공지사항 notice*/

    .notice-list-wrap .notice-list a .column .day{font-size: 38px;}
    .notice-list-wrap .notice-list a .subject{padding-right: 10px;}
    .notice-list-wrap .notice-list a .subject .title{font-size: 17px;}
    
     /*공지사항 뷰페이지 notice_view*/
    .notice-view-wrap .page-table2 td.text{padding: 15px 10px;}
    
    /*FAQ faq*/
    .faq-wrap li dl strong{left:20px;}
    .faq-wrap li dl dt a{padding-left: 45px;}
    .faq-wrap li dl dd{font-size: 14px; padding: 20px;}
    .faq-wrap li dl dt a:after{right:20px;}
    
    /*문의하기 question*/
    .question-tab li a{height: 50px; font-size: 15px;}
    .question-table .email-wrap{display:flex; align-items: center;justify-content: space-between; flex-wrap: wrap;}
    .question-table .email-wrap input:nth-child(3){margin-right: 0;}
    .question-table .myInfo-input-w360px{width: calc(50% - 11.6px);}
    .question-table .email-wrap .selectBox{width: 100%; margin-top: 5px;}
    .question-table .explain{font-size: 13px;}
    .question-table .text-box textarea{font-size: 14px; padding: 15px;}
    
    /*나의문의내역 뷰페이지 question_view*/
    .questView-answer{padding: 20px;}
    .questView-answer p{font-size: 14px; line-height: 1.5;}
}

@media screen and (max-width: 576px) {
    /* ruleset for 375px - 576px */
    /*modal 공통사항*/
    .modal-wrap{bottom: 65px;}
    .modal-text-box{padding:40px 3% 20px;}
    .selectBox:after{font-size: 14px; margin-right:19px;}
    .modal-text-box .title{font-size: 20px; margin-bottom: 15px;}
    .modal-text-box .text{letter-spacing: -0.2px;}
    .selectBox{height:45px; line-height: 44px;}
    .selectBox .label{padding:0 45px 0 10px;}
    .selectBox .optionList{top:46px; max-height: 95px !important;}
    .selectBox .optionItem{padding:0 10px; height: 40px; line-height: 39px;}
    
    .modal-btn a{height:45px;}
    
    .modal-text-box2{padding:40px 3% 20px; }
    .modal-text-box2 .title-wrap .title{font-size: 20px;}
    .modal-text-box2 .title-wrap .close i{font-size: 28px;}
    .modal-table-wrap .table1 th{width: 30%;}
    .modal-table-wrap .table1 td{width: 70%;}
    
    
    /*로그인페이지 login*/
    .loginWrap{padding:50px 30px;}
    .loginWrap .login-inner{padding-bottom:20px;}
    .loginWrap .login-inner h4{font-size: 28px; margin-bottom: 30px;}
    .login-box input{height: 35px;}
    .login-checkBox .checkBox label{margin-right: 15px;}
    .login-checkBox{margin-top: 15px;}
    .loginWrap .login-btn{margin-bottom: 30px;}
    .login-list{bottom:20px;}
    .snsWrap ul{margin-top: 30px;}
    .snsWrap ul li{padding: 0 10px;}
    .snsWrap ul li a{width: 45px; height: 45px;}
    .page-btn{height:45px;}
    
    /*회원가입페이지*/
    .login-box .id-chk{width: 20px;height: 20px;}
    .login-box .id-chk:before{font-size: 12px;}
    .chk-password{padding:10px 15px;}
    .chk-password li:before{width: 16px;height: 16px; font-size: 9px;}
    .join-btn{margin-top:40px;}
    .snsWrap p.text{font-size: 13px; letter-spacing: -0.2px;}
    
    /*아이디찾기 페이지 find_id*/
    .preventionTxt .pret-num{width: 60%;}
    .preventionTxt .pret-btn{width: 40%;}
    .preventionTxt .pret-btn li button{font-size: 12px;}
    .preventionTxt .pret-btn li button:before{font-size: 12px;}
    
    /*서브헤더 sub_header*/
    .selectBox.historyList {height:50px; line-height: 49px;}
    .selectBox .label{padding: 0 30px 0 10px;}
    .selectBox.historyList .optionList{top:49px;}
    .selectBox.historyList .optionItem{height: 45px; line-height: 44px;}
    .sub-history li a{font-size: 14px;}
    .sub-history li a:last-child{font-size: 14px;}
    
    
    /*회원정보수정페이지 myInfo*/
    .myInfo-list .title{font-size: 14px; width: 35%; height: 45px;}
    .myInfo-list .text img{width: 120px;height: 120px;}
    .myInfo-list .pfImge-btn{width:100%; margin-left: 0px; margin-top: 10px;}
    .myInfo-list .explain label{font-size: 12px;}
    .myInfo-list .text input.w2-input{width: 100%;}
    
    .myInfo-list .adress{position:relative;}
    .myInfo-list .adress a{margin-left: 0; width: 45px; font-size: 0; position:absolute; top:0; right:0; background: none;}
    .myInfo-list .adress a: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"; }
     .myInfo-list .adress a.repeat-btn:after{content:'\f00c';}
     .myInfo-list .adress a.repeat-ok-btn:after{color:#276cad;}
    
    input{height:45px;}
    .myInfo-list .birth-text:after{width: 45px;height: 45px; left: calc(100% - 45px);}
    
    .myInfo-list .search-btn{width: 45px; height: 45px; background: #f5f5f5;border:1px solid #d7d7d7; color:#666; font-size: 0; position:relative}
    .myInfo-list .search-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"; }
    .myInfo-list a.baptismalName-btn{width: 45px; height: 45px; background: #f5f5f5;border:1px solid #d7d7d7; color:#666; font-size: 0; position:relative}
    .myInfo-list a.baptismalName-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"; }
    
    input{height:45px;}
    .myInfo-list .sel-w120px{width: calc(50% - 5px);}
    
    .privacyText{margin-top: 40px;}
    .privacyText .privacy-text{padding:30px 20px; height: 160px;}
    .privacyText .privacy-chk{margin-top: 15px;}
    .privacyText .privacy-chk p.text{font-size: 13px;}
    .btn-mt80{margin-top: 60px;}
    
    .myInfo-dete{top:360px;}
    .myInfo-dete .datepicker{width: 230px;}
    
    .btn-w300px{width: 100%;}
    input{padding:0 10px;}
    
    .baptismal-text input.input-w120px{width: calc(50% - 32.5px);}
    
    
    /*세례명 검색 모달 baptismalModal*/
    .baptismal-modal .search-wrap .sel-w160px{width: 100px;}
    .baptismal-modal .search-text-wrap{width: calc(100% - 110px);}
    .baptismal-modal .search-text-wrap a{width: 45px;height: 45px; background: #f5f5f5; border:1px solid #d7d7d7; color:#666; font-size: 0; position:relative;}
    .baptismal-modal .search-text-wrap a: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";}
    
    .baptismal-modal .name-wrap input{width: calc(100% - 55px);}
    .baptismal-modal .date-wrap .selectBox{width: calc(50% - 32.5px);}
    
    .baptismal-modal .has-search p.result{font-size: 13px;}
    .baptismal-modal .has-search p.result span.num{font-size: 13px;}
    .baptismal-modal .has-search .result-text .used-text{font-size: 13px;}
    .baptismal-modal .has-search .result-text .used-text i{font-size: 13px;}
    
    .baptismal-modal .has-search .search-list{max-height: 30vh}
    .baptismal-modal .has-search .search-list > li.many-used label .search-text{padding-right: 30px;}
    .baptismal-modal .has-search .search-list > li .search-text p.title{font-size: 14px;}
    .baptismal-modal .has-search .search-list > li .search-text ul.info li{font-size: 13px;}
    .baptismal-modal .has-search .search-list > li.many-used label span.icon i{font-size: 16px;}
    
    
    /*나의모임정보 groupInfo*/
    .tab-wrap .m-groupList-wrap .list{width: 85%;}
    .tab-wrap .m-groupList-wrap .list .swiper-slide{margin-right: 15px;}
    .page-table1 th{width: 30%; height: 45px; padding:0 10px;}
    .page-table1 td{width: 70%; padding:10px;}
    
    /*나의모임정보 모달 inviteModal*/
    .invite-modal .modal-text-box{padding:40px 3% 20px;}
    .modal-text-box .message-text{padding:30px 20px;}
    .modal-text-box .message-text p{margin-bottom: 10px;}
    .modal-text-box .tel-wrap input{width: 80%;}
    
    /*단원리스트 memberList*/
    .page-search-wrap .sel-w160px{display: none;}
    .page-search-wrap .search-box{width:100%; position:relative;}
    .page-search-wrap .search-box .input-100pro{width: 100%; padding-right: 45px;}
    .page-search-wrap .search-box .pc-mr10{margin-right: 0;}
    .page-search-wrap .search-box .comm-btn{position:absolute; top:0; right:0; width: 45px; font-size: 0; background: none;}
    .page-search-wrap .search-box .comm-btn{position:absolute; top:0; right:0; width: 45px; font-size: 0; background: none;}
    .page-search-wrap .search-box .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";}
    .memberList-total .sel-w160px{width: 120px;}
    .memberList-wrap .member-list li a{padding: 25px 20px; }
    .memberList-wrap .member-list li a:hover{padding: 25px 20px; }
    .memberList-wrap .member-list li a img{width: 65px;height: 65px;}
    .memberList-wrap .memberInfo .memberName{height: 24px;}
    .memberList-wrap .memberInfo .title{font-size: 17px;}
    .memberList-wrap .memberinfo-text{margin-top: 7px;}
    .memberList-wrap .memberInfo .hasMg .title{margin-right: 3px; max-width: calc(100% - 73px);}
    .memberList-wrap .memberInfo span.mg{font-size: 12px; margin-left: 3px;}
    
    /*단원리스트 모달 memberList_modal*/
    .memberList-info-modal img{width: 100px;height: 100px;}
    .memberList-info-modal .member-info{width:calc(100% - 100px); padding-left: 15px;}
    .memberList-info-modal .member-info p.name{font-size: 17px;}
    .memberList-info-modal .member-info ul{margin-top: 10px;}
    .memberList-info-modal .member-info ul li{margin-top: 7px;}
    .memberList-modal .modal-table-mt30{margin-top: 20px;}
    .memberList-modal .modal-table-wrap{max-height:120px;}
    
    /*모임가입 groupJoin*/
    .page-search-wrap.memberList-search .search-box{width: 100%;}
    .groupJoin-wrap .choirInfo{width: calc(100% - 80px);}
    .groupJoin-wrap .list{margin-top: 30px;}
    .groupJoin-wrap .list > li > a{padding:20px 20px;}
    .groupJoin-wrap .list > li > a:hover{padding:20px 20px;}
    .groupJoin-wrap .list li > a.actived:hover, .groupJoin-wrap .list li > a.actived{padding: 19px;}
    .groupJoin-wrap .choirInfo .title .choirName{font-size: 17px;}
    .groupJoin-wrap .choirInfo .title .option{font-size: 12px; margin-left: 3px;}
    
    
    .groupJoin-invite-wrap{margin-top: 30px;}
    .groupJoin-invite-wrap .list ul li{width: 100%;}
    .groupJoin-none-wrap{padding: 40px; padding-bottom: 10px;}
    .groupJoin-none-wrap .icon{width: 60px;height: 60px;font-size: 35px; border-width: 4px}
    .groupJoin-none-wrap .text{margin-top: 15px;}
    

    
    /*모임가입 모달 groupJoin_modal*/
    .groupJoin-modal .modal-table-wrap{max-height:200px;}
    
    /*모임생성 groupCreate*/
    .myInfo-list .groupCreate-mass .sel-w120px{width: 95px;}
    .myInfo-list .groupCreate-mass > div{margin-bottom: 5px;}
    .myInfo-list .groupCreate-mass{margin-bottom: -5px;}
    
    .myInfo-list .search-box{position:relative;}
    .myInfo-list .search-box a{margin-left: 0; width: 45px; font-size: 0; position:absolute; top:0; right:0; background: none;}
    .myInfo-list .search-box a: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";}
    .myInfo-list .groupCreate-mass .sel-w160px{width: 120px;}
    
    /*모임생성 검색모달 groupCreate_modal*/
    .groupCreate-modal .has-search .search-list{max-height: 30vh;}
    .groupCreate-modal .has-search{margin-top: 13px;}
    .groupCreate-modal .has-search p.result{font-size: 13px;}
    .groupCreate-modal .has-search p.result span.num{font-size: 13px;}
    .groupCreate-modal .none-search{margin:50px 0 30px;}
    .groupCreate-modal .has-search .search-list li .search-text p.title{font-size: 14px;}
    .groupCreate-modal .none-search p.result{font-size: 13px;}
    
    /*모임생성 완료 gCreate_complete*/
    .gCreate-complete-wrap{padding:40px 20px;}
    .gCreate-complete-wrap .complete-title{font-size: 20px;}
    .page-btn-wrap2-1{flex-wrap:wrap;}
    .page-btn-wrap2-1 a{width: calc(50% - 5px); margin-right:0;margin-bottom: 10px;}
    .page-btn-wrap2-1 a:first-child{margin-right: 10px;}
    .page-btn-wrap2-1 a:last-child{width: 100%; margin-bottom: 0;}
    
    /*성가연습 choirList*/
    .choirList-page-sel{width: 100%;}
    .choirList-page-sel .f-left{width: 100%;}
    .choirList-page-sel .sel-w120px{width: 22%;}
    .choirList-page-sel .sel-w160px{width: 39%;}
    
    .choirList-auto-wrap .page-table2 td, .choirList-auto-wrap .page-table2 th{font-size: 13px;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(1){width: 11% !important;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(2){width: 11% !important;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(5){width: 21% !important;}
    .choirList-auto-wrap .page-table2 colgroup col:nth-child(7){display:none}
    .choirList-auto-wrap .page-table2 td:nth-child(5), .choirList-auto-wrap .page-table2 th:nth-child(5){border-right:0;}
    .choirList-auto-wrap .page-table2 td:nth-child(7), .choirList-auto-wrap  .page-table2 th:nth-child(7){display:none;}
    
    .paging{margin-top: 40px;}
/*    .paging .page-arrow1,.paging .page-arrow4{display:none;}*/
/*    .paging .page-arrow3.pc-mr05{margin-right: 0;}*/
    .paging .page-num a{font-size: 13px; margin-left: 0; margin-right: 0;}
    .paging .page-num a:nth-last-child(-n+5){display:none;}
    
    .add-playList{bottom:125px; width: 200px; padding:10px 0; text-align: center;}
    .add-playList p{font-size: 13px;}
    
    /*푸터 하단 메뉴_성가연습 footerMenu2*/
    .footer-menu2{z-index: 999999999; background: #276cad; border-top: 0; display:none;}
    .footer-menu2 li{width: 33.33%;}
    .footer-menu2 li a{color:#fff;}
/*    .footer-menu2.footer-menu li a:before{}*/
    .footer-menu2.footer-menu li:nth-child(1) a:before{background-image: url(../images/footerMenu2_01.png); width: 13px;}
    .footer-menu2.footer-menu li:nth-child(2) a:before{background-image: url(../images/footerMenu2_02.png); width: 17px; top:16px;}
    .footer-menu2.footer-menu li:nth-child(3) a:before{background-image: url(../images/footerMenu2_03.png); width: 16px; top:18px;}
    
    
    
    /*푸터 하단 메뉴 footerMenu3*/
    .m-playList{bottom:65px;}
    .m-playList .playList-veiw-btn a{width: 180px;}
    .footer-menu3.footer-menu li:nth-child(1) a:before{width: 12px; top:18px;}
    .footer-menu3.footer-menu li:nth-child(2) a:before{width: 12px; top:18px;}
    .footer-menu3.footer-menu li:nth-child(3) a:before{width: 13px; top:17px;}
    .footer-menu3.footer-menu li:nth-child(4) a:before{width: 13px; top:22px;}
    
    /*성가재생목록 m_playList*/
    .m-playList .playList-veiw-btn a{font-size: 13px;}
    .m-playList .playList-wrap{height: 60vh; padding:30px 3% 20px;}
    .m-playList .playList-wrap .title-wrap p.title{font-size: 20px;}
    .m-playList .choir-playList-wrap li > a{padding:0 15px; width:calc(100% - 50px);}
    .m-playList .choir-playList-wrap li > a > input{margin-right: 15px;}
    .choir-playList-wrap li a .choirName p{font-size: 15px;}
    .m-playList .choir-playList-wrap li .arrow-btn-wrap{margin-right: 15px;}
    .m-playList .choir-playList-wrap{height:calc(100% - 101px);}
    
    /*성가 연습 choirPractice*/
    .choirPract-video-wrap{position: relative;}
    .m-choirPract-tab-wrap ul li{width: 85%; margin-right: 15px;}
    .m-choirPract-tab-wrap ul li a{font-size: 17px;}
    .video-top-wrap .f-right{position:absolute; top:360px; right:0;}
    .video-wrap .video{height: 250px;}

    .video-wrap .info-box{padding: 15px 10px;}
    .video-wrap .info-box .practice-view li a{font-size: 0;}
    
    .video-wrap .playList-wrap .playList-top-wrap .selectBox{height: 50px;}
    .video-wrap .playList-wrap .playList-top-wrap .selectBox .label{font-size: 16px;}
    .video-wrap .playList-wrap .playList-top-wrap .selectBox.active .optionList{top:49px;}
    .video-wrap .playList-wrap{height: 380px; margin-top: 20px;}
    .video-wrap .playList-wrap .playList{height: calc(100% - 50px);}
    .video-wrap .playList-wrap .playList > li{margin: 0 10px;}
    .video-wrap .playList-wrap .playList .choir-title p.title{font-size: 16px;}
    .video-wrap .playList-wrap .playList li a .icon:after{font-size: 22px;}
    .video-wrap .playList-wrap .evaluation-box .eval-sel-wrap .selectBox{width: calc(100% - 80px);}
    .video-wrap .playList-wrap .evaluation-box .eval-sel-wrap button.save-btn{width: 70px;}
    
    .video-wrap .playList-wrap .evaluation-box .eval-sel-wrap .selectBox .optionList{top:43px;}
    .video-wrap .playList-wrap .playList.playList-edit .choir-title p.title{font-size: 16px;}
    
    .choirImg-wrap{max-height: 420px; padding: 30px 10px;}
    
    /*출석및스케줄 schedule*/
    .attendance-list .list li{flex-wrap: wrap;}
    .attendance-list .list li .sch-title{width: 100%; padding-right: 0;}
    .attendance-list .list li .sch-btn{width: 100%; margin-top: 10px;}
    .attendance-list .list li .sch-btn button{width: 33.33%; height: 45px;}
    .attendance-list .list li .sch-btn button.practice-btn{width: 33.33%;}
    .attendance-list .list li .sch-title p.title{font-size: 16px;}
    
    .schedule-date.video-date-wrap .practice-date{font-size: 20px;}
    .schedule-date.video-date-wrap .practice-date.pc-mr20{margin-right: 10px;}
    .m-attendance-wrap .date-wrap p.date{font-size: 18px;}
    .m-attendance-wrap .date-wrap span{width: calc(100% - 166px);}
    .move-btn.pc-mr10{margin-right: 5px;}
    .schedule-top-wrap .comm-btn{width: 120px;}
    
    .schedule-calendar-wrap{height: 720px;}
    .calendar-month-wrap .dayName{height: 40px;}
    .calendar-month-wrap .dates{height: calc(100% - 40px);}
    .schList-box{padding: 3px;}
    .schList-box > p.title{font-size: 10px;}
    
    /*스케줄 위치*/
    .schList-box.sch2{top:calc(33.2% + 56px);}
    .schList-box.sch3{top:calc(33.2% + 90px);}
    
    
    /*스케줄 모달 scheduleModal*/
    .schedule-modal .main-schDetail-wrap{height:45vh;}
    .schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title{width: calc(100% - 33px);}
    
    .schedule-modal .main-schDetail-wrap .detail-list-wrap > li .sch-btn{width:calc(100% - 33px); top:70px;}
    .schedule-modal .sch-btn button{width: 33.33%;}
    .schedule-modal .absence-text .selectBox{width: calc(71.5% - 10px); }
    .schedule-modal .absence-text .save-btn{width: 28.5%;}
    .schedule-modal .main-schDetail-wrap ul.text-wrap li .choir-text .choir{font-size: 14px;}
    .schedule-modal .main-schDetail-wrap .detail-list-wrap > li .list-title .title{font-size: 16px;}
    
    /*스케줄 히스토리 모달 m_schedule_history*/
    .historyMenu-modal .modal-text-box2{height: 60vh; padding-top:20px;}
    .attendance-list p.date{font-size: 16px;}
    .sch-history-wrap .date-wrap .dashed{width: calc(100% - 100px);}
    .sch-history-wrap .sch-history-title .title{font-size: 15px;}
    .sch-history-wrap .sch-history-title .time{font-size: 13px;}
    .attendance-list .list li .text{font-size: 13px;}
    
    
    /*출석 및 스케줄 주별 schedule_week*/
    
    .scheduleWeek-calendar-wrap{overflow-x: auto; display:block; height: 460px;}
    .scheduleWeek-calendar-wrap::-webkit-scrollbar{display:none;}
    .scheduleWeek-calendar-wrap .calendar-month-wrap{width: 200vw;}
    .calendar-week-wrap .calendar-dates .times li .time{font-size: 12px;}
    .nowTime-wrap .now p{font-size: 12px;}
    
    /*출석 및 스케줄 일별 schedule_day*/
    .scheduleDay-calendar-wrap{height:460px;}
    .calendar-day-wrap.calendar-week-wrap .calendar-dates .times{width: 12%;}
    .calendar-day-wrap.calendar-week-wrap .calendar-dates .week-dates{width: 88%;}
    .calendar-day-wrap .nowTime-wrap .now {width: 12%;}
    .calendar-day-wrap .nowTime-wrap .line {width: 88%;}
    .calendar-day-wrap .nowTime-wrap .todayLocation {left:calc(12% - 4px);}
    
    /*스케줄*/
    .calendar-day-wrap .schList-box.sch2{left: calc(12% + 3px);}
    .calendar-day-wrap .schList-box{width:calc(88% - 6px)}
    
    
    
    
    /*회비납부내역 due*/
    .due-sel-wrap {flex-wrap: wrap;}
    .due-sel-wrap.page-sel-wrap .f-left {width: 100%; justify-content: space-between;}
    .due-sel-wrap .sel-w120px{width: 25%;}
    .due-sel-wrap .selectBox .label{padding: 0 20px 0 10px;}
    
    .due-sel-wrap .sel-w120px.pc-mr10{margin-right: 5px;}
    .due-sel-wrap .sel-w120px:nth-child(2),.due-sel-wrap .sel-w120px:nth-child(5){width:calc(25% - 15px);}


    
    .due-list-wrap li{padding:20px;}
    .due-list-wrap li .due-info{width: 100%;}
    .due-list-wrap li .due-info .title{font-size: 17px;}
    .due-list-wrap li .due-info .text > span{font-size: 13px;}
    .due-list-wrap li .due-state{width: 100%; margin-top: 14px; text-align: left;}
    .due-list-wrap li .due-state .icon{display:inline-block;}
    .due-list-wrap li .due-state p{font-size: 14px;}
    .state-text{font-size: 13px; margin-top: 8px;}
    .due-list-wrap li .due-state .table-inbtn{padding: 15px 0; text-align: center; font-size: 14px;}
    
    .dueAuto .page-sel-wrap .f-right .payment-btn{width: 100%;}
    
     /*나의연습내역 practice*/

    .practice-wrap .search-box .f-right .comm-btn{width: 110px;}
    
    .practice-wrap .search-box .sel-w160px{width: calc(100% - 120px);}
    .practice-wrap .calendar-box-wrap{flex-wrap: wrap;}
    .practice-wrap .calendar-box{width: calc(50% - 14.4px);}
    .practice-wrap .calendar-box:nth-child(3){margin-right: 0;}
    
    .select-period{margin-top: 10px; width: 100%; justify-content: flex-end;}
    
    .m-practice-info-wrap .info-list > li a{padding: 20px 15px;}
    .m-practice-info-wrap .choirTitle p{font-size: 15px; margin-bottom: 5px; letter-spacing: -0.5px;}
    .m-practice-info-wrap .info-list .level-wrap .level{font-size: 15px; margin-bottom: 5px;}
    .m-practice-info-wrap .info span{font-size: 12px;}
    .m-practice-info-wrap .info span:first-child:after{margin:-1px 5px 0;}
    .m-practice-info-wrap .info-list .level-wrap span{font-size: 12px;}
    
    .practice-dete.datepickers-container{top:-205px !important;}
    
    /*나의 연습내역 모달 practiceModal*/
    .practiceModal .modal-text-box2{height: 60vh;}
    .practiceModal .modal-table-wrap{max-height:calc(100% - 40px);}
    .modal-table-wrap .table2 thead tr th, .modal-table-wrap .table2 tbody tr td{font-size: 14px;}
    
    /*나의 연습내역 곡명검색 practice_choir*/
    .practice-wrap .search-box .sel-w160px{width: 140px;}
    .practice-wrap2 .search-box .f-right{width: calc(100% - 150px);}
    .practice-wrap2 .search-box .f-right .input-search-box{position:relative;}
    .practice-wrap2 .search-box .f-right .input-search-box input{margin-right: 0;}
    .practice-wrap2 .search-box .f-right .comm-btn{position:absolute; top:0; right:0; background: none; font-size: 0; color:#aaa; width: 45px;}
    .practice-wrap2 .search-box .f-right .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";}
    
    .practice-wrap2 .m-practice-info-wrap .info-list > li{padding:20px 15px;}
    .practice-wrap2 .m-practice-info-wrap .choirTitle p{margin-bottom: 0;}
    
    
    /*공지사항 notice*/
    .notice-list-wrap .notice-list a .column{width: 20%;}
    .notice-list-wrap .notice-list a .column .day{font-size: 30px;}
    .notice-list-wrap .notice-list a .column .date{font-size: 12px;}
    .notice-list-wrap .notice-list a .subject{width: 80%;}
    .notice-list-wrap .notice-list a .subject .title{font-size: 16px; margin-bottom: 2px;}
    
    
    /*공지사항 뷰페이지 notice_view*/
    .notice-view-wrap .page-table2 th{font-size: 15px;}
    
    /*FAQ faq*/
    
    .faq-wrap li dl strong{font-size: 17px; top:19px; left:10px;}
    .faq-wrap li dl dt a{font-size: 15px; padding-left: 35px; padding-right: 57px;}
    .faq-wrap li dl dt a:after{right:10px; width: 25px;height: 25px; font-size: 12px; line-height: 26px;}
    .faq-wrap li dl dd{padding: 20px 15px;}
    
    /*문의하기 question*/
    .question-tab li a{font-size: 14px; height: 45px;}
    .question-table.page-table1 th{width: 24%;}
    .question-table.page-table1 td{width: 76%;}
    .question-table input{height: 40px;}
    .question-table .selectBox{height: 40px;line-height: 39px;}
    .question-table .question-input-wrap2 input{width: calc(100% - 100px);}
    .question-table .question-input-wrap .comm-btn{height: 40px; width: 90px;}
    .question-table .text-box textarea{height: 120px; padding:10px; font-size: 14px;}
    
    /*나의문의내역 questionList*/
    
    .questionList-wrap.notice-list-wrap .notice-list a .column{width: 18%;}
    .questionList-wrap.notice-list-wrap .notice-list a .subject{width: 64%;}
    .notice-list-wrap .notice-list a .subject .title{font-size: 15px;}
    .notice-list-wrap .notice-list a .subject .sub{font-size: 13px;}
    .questionList-wrap.notice-list-wrap .notice-list a .answer-box{width: 18%;}
    .questionList-wrap.notice-list-wrap .notice-list a .answer{font-size: 12px; width: 100%; padding:5px 0;}
}