.wrap{padding:0 0 100px 0}
.idxWrap{padding:0 0 100px 0}
.offeringWrap{padding:0 0 100px 0}

@media (min-width:1260px){
body.bg{background:#f8f8f8}
.wrap{background:#fff;max-width:1260px;margin:0 auto;border:solid 1px #dcdee2;border-top:none}
.idxWrap{background:#fff;max-width:1260px;margin:0 auto;border:solid 1px #dcdee2;border-top:none}
}

.iosHidden{width:100%;height:100px;background:#fff;position:fixed;top:-100px;z-index:1000}

.searchTop{display:table;width:100%;margin:10px 0 0 0;border-bottom:solid 1px #aaa}
.searchTopL{display:table-cell;width:100px;padding:0 5px 10px 10px;vertical-align:top}
.searchTopC{display:table-cell;padding:0 0 10px 0;vertical-align:top}
.searchTopR{display:table-cell;text-align:right;padding:0 15px 10px 0}
.inputSh{width:calc(100% - 40px);height:35px;line-height:35px;border:solid 1px #b8b9ba;border-right:0;border-radius:2px 0 0 2px;padding:0 5px;vertical-align:middle}
.btnSh{width:35px;height:35px;line-height:35px;background:#f8f8f8 url(/images/ico_search_view_gray@2x.png) 50% 50% no-repeat;background-size:14px auto;border:solid 1px #b8b9ba;border-radius:0 2px 2px 0;color:#777;font-size:13px;padding:0 2px;vertical-align:middle}
.btnEduList{width:90px;height:35px;line-height:1.0;background:#3574FF;border:solid 1px #1A45CE;border-radius:2px;color:#fff;font-size:12px;letter-spacing:-0.5px;cursor:pointer;padding:1px 2px 0 2px}

.btnManagerMenu{border:1px solid #fff;background:#79c4f9;font-size:10px;font-weight:normal;padding:5px;border-radius:5px}

.navMobile ul{padding-left:0}
.navMobile ul li.invitNone{border-top:1px solid #f1f2f6;border-bottom:none;border-left:none;border-right:none;border-radius:0;color:#878b8e;font-size:14px;text-align:center;line-height:38px;padding:29px;margin:0;box-shadow:none;border:none}
.navMobile ul li.invitNone .noneImg{height:36px}
.navMobile li{min-height:55px;border-bottom:solid 1px #e2e2e4;font-size:14px;color:#333;padding:8px 25px 3px 54px;position:relative;cursor:pointer}
/* .navMobile li:after{display:inline-block;position:absolute;top:25px;right:15px;width:12px;height:12px;content:"";background:url(/images/ico_arrow.png) 50% 50% no-repeat;background-size:auto 12px} */
.navMobile li.bapCheck{background:url(/images/mobile/ico_nav2.png) 26px 50% no-repeat;background-size:22px auto}
.navMobile li.sermon50{background:url(/images/mobile/ico_nav3.png) 26px 50% no-repeat;background-size:18px auto}
.navMobile li.wmcDrive{background:url(/images/mobile/ico_drive@3x.png) 23px 49% no-repeat;background-size:24px auto}
.navMobile li.masterAtt{background:url(/images/mobile/ico_works@3x.png) 26px 50% no-repeat;background-size:18px auto}
.navMobile li.dailyReport{background:url(/images/mobile/icon_report_status.png) 26px 50% no-repeat;background-size:18px auto}
.navMobile li.growing{padding:10px 0 0 0}
.navMobile li.growing .info{display:inline-block;font-size:13px}
.navMobile li.bag{background:url(/images/mobile/icon_bag.png) 26px 50% no-repeat;background-size:18px auto}
.navMobile li.cal{background:url(/images/icon-carendar.png) 26px 50% no-repeat;background-size:18px auto}
.navMobile li .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 3px 3px 0;vertical-align:middle}
.navMobile li .name{display:inline-block;font-weight:bold;font-size:15px;line-height:1.1;margin:10px 10px 0 0}
.navMobile li .duty{display:inline-block;font-weight:bold;font-size:12px;line-height:1.1;margin:0 10px 0 0}
.navMobile li .dpt{font-size:13px;color:#3574ff}
.navMobile .alertIcon{position:relative;top:-42px;right:50px;float:right;background:#ff3636;border-radius:50px;color:#fff;padding:0 10px}
.navMobile .title{position:relative;top:-7px}
.navMobile .exp{color:#959595;font-size:12px;position:relative;top:12px;/* left:-101px; */}
.navMobile .exp .churchNM{color:#5776ff}
.navMobile li.growing .rightBtn{display:inline-block;width:50px;height:50px;position:absolute;right: 0;top:5px;z-index: 999}
.navMobile li.growing .btnMngL{float:left;width:calc(100% - 165px);margin:0 0 5px 0}
.navMobile li.growing .btnMngL .name{margin-top:5px}
.navMobile li.growing .btnMngR{float:right;display:table;border:solid 1px #e2e2e4;border-radius:2px;position:relative;padding:7px 2px 2px 2px;margin:10px 0 0 0}
.navMobile li.growing .btnMngR .mngTit{position:absolute;top:-11px;left:0;width:100%;text-align:center;margin:0}
.navMobile li.growing .btnMngR .mngTit em{font-size:12px;background:#fff;color:#000;letter-spacing:-1px}
.navMobile li.growing .btnMngHisR{float:right;margin:19px 0 0 3px}
.navMobile li.growing button.white{display:inline-block;height:20px;border:solid 1px #2161ef;border-radius:2px;background: #FFF;color:#2161ef;padding:0;font-size:11px;width:45px;letter-spacing:-1px;margin:0 1px}
/* .navMobile li.growing button.white:before{display:inline-block;width:12px;height:12px;content:"";background:url(/images/ico_init.png) 50% 50% no-repeat;background-size:auto;margin-right:3px} */
.navMobile li.growing button.blue{display:block;background:#2161ef;color:#FFF;padding:5px;font-size:11px;width:110px}
.navMobile li.growing button.btnHistory{display:block;background:#2161ef;border-radius:2px;color:#FFF;padding:0 5px;font-size:11px;width:55px;height:20px}
.navMobile li.growing:after{display:none}
.navMobile li.growing .mngBox{display:table;width:100%;padding:0 10px 0 10px;position:relative}
.navMobile.growingList li .name{font-size:18px}
.navMobile.growingList li .dpt{font-size:15px}

.navMobile .recentDiv{margin:10px;overflow-x:scroll}
.navMobile .recentTable{width:100%; border-top:1px solid #aaa;min-width:450px;margin-top:5px}
.navMobile .recentTable th{height:28px; background:#F7F7F7;color:#999;font-size:12px;border-bottom:1px solid #e8e8e8;text-align:center}
.navMobile .recentTable td{height:40px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:10px 0}
.navMobile .recentTable th.thDate{width:50px}
.navMobile .recentTable th.thGb{width:50px}
.navMobile .recentTable th.thName{width:70px}
.navMobile .recentTable th.thTitle{width:160px}
.navMobile .recentTable td .caseStudy{display:inline-block;height:16px;line-height:16px;color:#fff;background:#36a6f9;border-radius:2px;font-size:11px;padding:0 2px}
.navMobile .recentTable td .caseInput{display:inline-block;height:16px;line-height:16px;color:#fff;background:#1dd07a;border-radius:2px;font-size:11px;padding:0 2px}
.navMobile .recentTable td.cellSubject{text-align:center;padding-left:10px;font-weight:bold}
.navMobile .subjectItem{width:calc(100vw - 200px);max-width:500px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#000;font-weight:bold;overflow:hidden;text-align:left}
.navMobile .subjectItem:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_book@2x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 3px 3px 0}
.navMobile .teacherItem{white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}

.navMobile .btnMng table{width:100%;margin:10px 0 10px 0;table-layout:fixed;text-align:center}
.navMobile .btnMng table td{border:1px solid #b1b1b1;font-size:12px;vertical-align:middle; padding:3px 0px}
.navMobile .btnMng table td:last-child{background:#ffef30}
.navMobile .btnMng table th{border:1px solid #b1b1b1;background:#e0eeff;font-size:12px;padding:3px 0px;text-align:center}
.navMobile .btnMng .authY{display:inline-block;width:11px;height:12px;background:url(/images/ico_o_r@2x.png) 0 0 no-repeat;background-size:11px auto;vertical-align:middle}
.navMobile .btnMng .authN{display:inline-block;width:11px;height:12px;background:url(/images/ico_x_gray@2x.png) 0 0 no-repeat;background-size:11px auto;vertical-align:middle}


.inputSelect{width:100%;height:35px;border:solid 1px #b8b9ba;border-radius:2px;font-size:13px;color:#000;padding:0 3px}
.inputSelect:disabled{background-color:rgb(235, 235, 228) !important}
.inputSelect.gubun{width:30% !important}
.inputSelect.anal{width:30% !important;font-size:12px;float:right;position:relative;bottom:7px;right:10px}

.nameWrap{display:table;width:100%;border-bottom:solid 1px #e2e2e4}
.nameWrapL{display:table-cell;padding:10px 10px 5px 15px}
.nameWrapR{display:table-cell;width:60px;/* border-left:solid 1px #eee; */text-align:center;font-size:12px;color:#777;padding:5px 0;vertical-align:top}
.nameWrapR.grL{width:90px;border-left:solid 1px #eee}
.nameWrapR .stateCell{font-size:16px}
.nameWrapR em{font-weight:bold;color:#ff4c6a}
.nameWrapR .btnList{position:relative;/* top:8px; *//* right:7px; */max-width:90px;height:30px;background:#fff;line-height:30px;font-size:12px;color:#555;border:1px solid #adadad;/* border-radius:20px; */padding:0 7px}
.nameWrap .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 3px 3px 0;vertical-align:middle}
.nameWrap .name{display:inline-block;font-weight:bold;color:#000;font-size:18px;margin:0 10px 0 0}
.nameWrap .chCell{font-size:13px;color:#777}

.uk-modal{z-index:11000 !important;top:0px}

.pwWrap .uk-modal{top:0}

.introWrap{background:#3574FF}
.introArea{height:100%}
.introWrap .btnLogout{position:absolute;top:3px;right:5px;width:30px;height:30px;background:url(../images/ico_logout_white.png) 50% 50% no-repeat;background-size:16px auto;text-indent:-9999px}
.introWrap .btnFoot{width:100%;text-align:center}
.introWrap .btnNext{width:100%;height:70px;line-height:70px;background:#fff;color:#3574FF;font-size:19px;text-align:center;cursor:pointer}
.introWrap .btnNext:after{display:inline-block;content:"";width:8px;height:15px;background:url(../images/ico_next.png) 50% 50% no-repeat;background-size:8px auto;margin:0 0 3px 5px;vertical-align:middle}
.introVisual{width:100%;height:63px;background:url(../images/ico_memo.png) 50% 50% no-repeat;background-size:auto 63px}
.introContain{width:100%;min-height:100%;margin:0 0 -70px 0}
.introIn{vertical-align:middle;text-align:center;padding:100px 30px 0 30px}
.introIn .titleEng{color:#FFFB78;font-size:15px;margin:0 0 2px 0}
.introIn h3{color:#fff;font-size:42px;line-height:1.0;letter-spacing:-2px;margin:0 0 30px 0}
.introIn .msg{max-width:550px;color:#CCF9FF;font-size:18px;line-height:1.5;text-align:center;margin:0 auto;padding:0 0 70px 0}

.pledgeWrap{height:100%}
.pledgeWrap .btnLogout{position:absolute;top:3px;right:5px;width:30px;height:30px;background:url(../images/ico_logout_white.png) 50% 50% no-repeat;background-size:16px auto;text-indent:-9999px;z-index:2}
.consentHeader{width:100%;height:240px;background:#3574FF;display:table;position:relative;z-index:1}
.consentHeader .in{display:table-cell;vertical-align:middle;text-align:center;padding:10px 20px}
.consentHeader h3{color:#fff;font-size:25px;margin:0 0 10px 0;z-index:2}
.consentHeader .explain{color:#CCF9FF;font-size:17px}
.consentContain{min-height:100%;padding:20px 20px 100px 20px;margin:-240px 0 -70px 0}
.consentContain dl{border:solid 1px #D8D8D8;margin:0 0 20px 0}
.consentContain dt{border-bottom:solid 1px #D8D8D8;background:#FAFAFA;font-size:15px;color:#333;font-weight:lighter;line-height:1.5;padding:16px 20px}
.consentContain dt ul{margin:20px 0 0 0}
.consentContain dt li{background:url(../images/ico_dot.png) 0 8px no-repeat;background-size:5px auto;padding:0 0 3px 13px}
.consentContain dd{text-align:right;padding:10px 15px}
.consentContain .agreeAreaAll{padding:260px 5px 10px 5px;border-bottom:solid 1px #e8e8e8;margin:0 0 10px 0}
.consentContain .agreeArea{padding:10px 5px}
.consentContain .btnDetail{font-size:12px;color:#999;margin:0 0 0 10px}
.consentContain .btnDetail:after{display:inline-block;content:"";width:12px;height:12px;background:url(../images/ico_detail_agree.png) 50% 50% no-repeat;background-size:6px auto;vertical-align:middle;margin:0 0 2px 3px}
.consentContain .checkAgree{display:none}
.consentContain .checkAgree + label{font-size:16px;color:#333;margin:0;cursor:pointer}
.consentContain .checkAgree + label i{display:inline-block;width:26px;height:26px;border:solid 1px #d5d5d5;background-image:url(../images/ico_check_off.png);background-position:50% 50%;background-repeat:no-repeat;background-size:auto 10px;border-radius:50%;vertical-align:middle;margin:0 5px}
.consentContain .checkAgree:checked + label i{background-color:#3574FF;border-color:#3574FF;background-image:url(../images/ico_check_w.png)}
.pledgeWrap .btnFoot{width:100%;text-align:center}
.pledgeWrap .btnStart{width:100%;height:70px;line-height:70px;background:#3574FF;color:#fff;font-size:19px;text-align:center;cursor:pointer}
.pledgeWrap .btnStart:after{display:inline-block;content:"";width:8px;height:15px;background:url(../images/ico_next_white.png) 50% 50% no-repeat;background-size:8px auto;margin:0 0 3px 5px;vertical-align:middle}

.agreeWrap{display:table}
.agreeWrap .title{height:50px;background:#3574FF;position:fixed;top:0;left:0;width:100%}
.agreeWrap .title h3{line-height:50px;font-size:20px;text-align:center;color:#fff}
.agreeWrap .title .btnPrev{position:absolute;top:0;left:0;width:50px;height:50px;background:transparent;background:url(../images/ico_prev_agree.png) 50% 50% no-repeat;background-size:11px auto;text-indent:-9999px}
.agreeWrap .con{margin:80px 0 0 0}
.agreeWrap .contain{margin:95px 20px 50px 20px}
.agreeWrap .contain h4{font-size:17px;color:#333;font-weight:bold;margin:0 0 38px 0}
.agreeWrap .contain h4.privacy{margin:0 0 12px 0}
.agreeWrap .contain h5{font-size:15px;color:#444;font-weight:bold;margin:0 0 12px 0}
.agreeWrap .contain p{font-size:14px;color:#777;line-height:1.7;margin:0 0 40px 0}
.agreeWrap .downAgree{text-align:right;padding:25px 0 0 0}
.agreeWrap #tabArea{margin-top:140px}

.agreeWrap .tabWrap{padding:7px;position:fixed;top:50px;width: 100%;border-bottom:solid 1px #aaa;background:#FFF}

.agreeWrap .tab{display:table;width:100%;padding:0}
.agreeWrap .tab li{display:table-cell;background:#fff;font-weight:bold;border:solid 1px #e7eaf0;border-right:none}
.agreeWrap .tab li:last-child{border-right:solid 1px #e7eaf0}
.agreeWrap .tab li a{display:block;text-align:center;font-size:12px;letter-spacing:-0.5px;padding:7px 5px 5px 5px;color:#000;text-decoration:none}
.agreeWrap .tab li a:hover{color:#3574ff;text-decoration:none}
.agreeWrap .tab li a:focus{outline:none;text-decoration:none}
.agreeWrap .tab li em{display:inline-block;color:#3574ff;font-weight:bold;padding:0 0 0 5px}
.agreeWrap .tab li.ui-tabs-active{background:#3574ff;color:#fff}
.agreeWrap .tab li.ui-tabs-active a{color:#fff;font-weight:bold}
.agreeWrap .tab li.ui-tabs-active em{color:#fff}

.checkAgree{display:none}
.checkAgree + label{font-size:16px;color:#333;margin:0;cursor:pointer}
.checkAgree + label i{display:inline-block;width:26px;height:26px;border:solid 1px #d5d5d5;background-image:url(../images/ico_check_off.png);background-position:50% 50%;background-repeat:no-repeat;background-size:auto 10px;border-radius:50%;vertical-align:middle;margin:0 5px}
.checkAgree:checked + label i{background-color:#3574FF;border-color:#3574FF;background-image:url(../images/ico_check_w.png)}

.inquiryWrap{}
.inquiryWrap .header .nav{display:none}
.inquiryWrap .title{height:50px;background:#3574FF;width:100%;position:relative}
.inquiryWrap .title h3{line-height:50px;font-size:20px;text-align:center;color:#fff}
.inquiryWrap .title .btnPrev{position:absolute;top:0;left:0;width:50px;height:50px;background:transparent;background:url(../images/ico_prev_agree.png) 50% 50% no-repeat;background-size:11px auto;text-indent:-9999px}
.inquiryWrap .con{}
.inquiryWrap .inquiryTable{width:100%}
.inquiryWrap .inquiryTable th{width:110px !important;height:50px;color:#888;font-size:14px;font-weight:400;border-bottom:solid 1px #E8E8E8;padding:0 15px}
.inquiryWrap .inquiryTable td{width:calc(110% - 100px);color:#333;font-size:16px;border-bottom:solid 1px #E8E8E8;padding:7px 15px 7px 0}
.inquiryWrap .inquiryTable .phoneTD{padding:11px 15px 11px 0}
.inquiryWrap .inquiryTable .explain{color:#A8A8A8;font-size:13px;line-height:1.5;margin:0}
.inquiryWrap .inquiryTable .point{color:#FA5155}
.inquiryWrap .inquiryTable .phoneText{color:#333;font-size:16px;margin:0 0 8px 0}
.inquiryWrap .mailText{width:calc(100% - 160px);height:36px;border:solid 1px #D8D8D8;border-radius:2px;padding:0 5px;margin:0 5px 0 0}
.inquiryWrap .inputText{width:100%;height:36px;border:solid 1px #D8D8D8;border-radius:2px;font-size:16px;color:#333;padding:0 5px}
.inquiryWrap .inputText.self{display:block;margin:5px 0 0 0}
.inquiryWrap .conArea{padding:15px}
.inquiryWrap .conArea .textArea{width:100%;height:200px;border:none;font-size:16px;color:#333}
.inquiryWrap .agreeArea{border-top:solid 1px #e8e8e8;padding:15px 15px 30px 15px}
.inquiryWrap .agreeArea .explain{font-size:12px;color:#999}
.inquiryWrap .btnArea{text-align:center}
/*.file_input label{position:relative;cursor:pointer;display:inline-block;vertical-align:middle;overflow:hidden;width:100px;height:30px;background:#fff;font-size:13px;color:#777;border:solid 1px #aaa;border-radius:14px;text-align:center;line-height:30px}
.file_input label:before{display:inline-block;content:"";width:12px;height:12px;background:url(../images/ico_file.png) 0 0 no-repeat;vertical-align:middle;margin:0 0 4px 0}
.file_input label input{position:absolute;width:0;height:0;overflow:hidden}
.file_input input[type=text]{vertical-align:middle;display:inline-block;width:calc(100% - 110px);height:30px;line-height:30px;font-size:13px;color:#333;padding:0;border:0;border:none}
*/

.inqTab{height:50px;background:#e8e8e8;padding:10px 10px;text-align:center}
.inqTab button{width:50%;height:30px;background:#fff;font-size:15px;font-weight:600;letter-spacing:-0.5px;line-height:1;margin:0 -3px;padding:1px 0 0 0}
.inqTab button.on{background:#3574ff;color:#fff}

.faqWrap{padding:0 20px 0 20px;position:relative}

.faqWrap .category{margin:15px 0 15px 0}
.faqWrap .category button{height:26px;line-height:26px;background:#fff;border:solid 1px #dfdfdf;border-radius:15px;font-size:13px;color:#333;font-weight:bold;letter-spacing:-1px;padding:0 10px;margin:0 -1px;cursor:pointer;outline:none}
.faqWrap .category button.on{background:#3574ff;border-color:#3574ff;color:#fff}

.faqWrap h3{font-size:18px;font-weight:bold;max-width:775px;margin:0 auto;padding:0 0 10px 0}
.faqWrap .faqList{max-width:775px;margin:0 auto 20px auto;border-top:solid 1px #9c9c9c}
.faqWrap .faqList dt{border-bottom:solid 1px #eef0f2;font-size:14px;color:#333;font-weight:bold;cursor:pointer;position:relative;padding:10px 20px 10px 20px}
.faqWrap .faqList dt:before{display:inline-block;content:"Q";font-size:15px;color:#5776ff;position:absolute;top:9px;left:0}
.faqWrap .faqList dt .num{display:inline-block;content:"";color:#5776ff;position:absolute;top:10px;left:0}
.faqWrap .faqList dt:after{display:inline-block;content:"";width:10px;height:100%;background:url(/images/ico_arrow_qna.png) 0 50% no-repeat;background-size:4px auto;position:absolute;top:0;bottom:0;right:0}
.faqWrap .faqList dt .kind{color:#5776ff}
.faqWrap .faqList dt.on:after{background:url(/images/ico_arrow_qna_on.png) 0 50% no-repeat;background-size:8px auto}
.faqWrap .faqList dd{display:none;background:url(/images/ico_answer.png) 0 12px no-repeat;border-bottom:solid 1px #eef0f2;font-size:14px;color:#333;line-height:1.5;padding:10px 0 10px 15px;animation:answer 0.1s linear}
.faqWrap .faqList dd.out{animation:answerOut 0.1s linear}

.manualCon{}
.manualCon h4{font-size:20px;font-weight:bold;color:#222;line-height:1.4;letter-spacing:-2px;padding:20px}
.manualCon .btnManual{text-align:center;margin:20px 20px}
.manualCon .btnManual button{height:24px;background:#fff;border:solid 1px #c7c7c7;border-radius:24px;font-size:14px;color:#a5a5a5;letter-spacing:-0.5px;padding:0 10px}
.manualCon .btnManual button.on{background:#4886ff;border-color:#4886ff;color:#fff}
.manualCon .manualBox{max-width:1200px;margin:0 auto;text-align:center}

.conRegist{text-align:center;margin:0 20px}
.conRegist h3{font-size:19px;color:#333;background:url(../images/img_letter.png) 50% 0 no-repeat;background-size:70px auto;font-weight:600;padding:85px 0 0 0;margin:50px 0 10px 0}
.conRegist .infoTable{width:auto;margin:0 auto 25px auto}
.conRegist .infoTable th{color:#555;font-size:14px;padding:0 10px 3px 0}
.conRegist .infoTable td{color:#888;font-size:14px;padding:0 0 3px 0}
.conRegist .msg{color:#FA5155;font-size:15px}
.conRegist .btnArea{margin:25px 0 0 0}
.conRegist .btnGuide{display:inline-block;width:100%;height:55px;background:#3574FF;border-radius:2px;color:#fff;font-size:17px}

.noteFile{display:inline-block;color:#999;font-size:12px;letter-spacing:-1px;vertical-align:middle;margin:6px 0 0 0}
.fileForm{display:inline-block}
.btnFile{float:right;vertical-align:middle;overflow:hidden;height:30px;background:#fff;font-size:13px;color:#777;border:solid 1px #aaa;border-radius:14px;text-align:center;line-height:30px;padding:0 10px}
.btnFile:before{display:inline-block;content:"";width:12px;height:12px;background:url(../images/ico_file.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 4px 0}
.fileWrap{background:#F7F7F7;border-bottom:solid 1px #E8E8E8;padding:10px 0 10px 15px}
.fileWrap table{width:100%}
.fileWrap table td{font-size:14px;color:#333}
.fileWrap .img{width:58px; position:relative}
.fileWrap .img:before{content:''; border:solid 1px rgba(0,0,0,0.15); width:58px; height:40px; position:absolute; top:0; left:0}
.fileWrap .img img{width:44px;height:44px;border:solid 1px rgba(0,0,0,0.1)}
.fileWrap .delete{text-align:right}
.fileWrap .delete img{cursor:pointer;padding:15px}
.fileWrap #fileName{padding:0 0 0 5px}
.fileWrap .fileSize{display:inlin-block;color:#888;padding:0 0 0 4px}

.header{color:#fff;font-weight:bold}
.header .topArea .logImg{width:65px}
.header .topArea .btnArea .name{display:inline-block;font-weight:lighter;letter-spacing:-0.5px;font-size:12px;vertical-align:middle;max-width:120px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin:2px 0 0 0}
.header .topArea .btnArea form{display:inline-block}
.header .topArea .btnInstead{width:30px;line-height:20px;font-size:13px;color:#fff;background:transparent url(../images/btn_lang@3x.png) 0 50% no-repeat;background-size:36px auto;text-indent:-9999px;padding:0 15px 0 7px}
.header .topArea .stateFruit{display:inline-block;height:36px;line-height:36px;background:url(../images/ico_fruit_top.png) 0 50% no-repeat;background-size:15px auto;padding:0 8px 0 20px;vertical-align:middle}
.header .topArea .stateConn{display:inline-block;height:36px;line-height:36px;background:url(../images/ico_conn_top.png) 0 50% no-repeat;background-size:15px auto;padding:0 8px 0 20px;vertical-align:middle}
.header .topArea .btnMark{display:inline-block;width:25px;height:36px;background:url(../images/ico_mark_top.png) 50% 50% no-repeat;background-size:19px auto;vertical-align:middle;cursor:pointer;margin:0}
.header .topArea .btnInq{display:inline-block;width:20px;height:36px;background:url(../images/nav_today.png) 50% 50% no-repeat;background-size:19px auto;vertical-align:middle;cursor:pointer;margin:0}
.header .topArea .btnNotice{display:inline-block;min-width:20px;height:36px;background:url(../images/ico_notice.png) 0 50% no-repeat;background-size:16px auto;;vertical-align:middle;cursor:pointer;;margin:0 0 0 10px;position:relative}
.header .topArea .btnNotice em{display:inline-block;height:18px;line-height:20px;background:#FA5155;color:#fff;font-size:12px;padding:0 5px;border-radius:9px;margin:9px 0 0 12px}
.header .topArea .nameArea{position:relative}
.header .topArea .nameLayer{position:absolute;top:20px;right:0}
.header .topArea .nameLayer .btnInstead{width:100px;height:30px;background:#646f83 url(/images/ico_edit_over.png) 10px 50% no-repeat;color:#fff;font-weight:bold;font-size:13px;text-indent:0;padding:0 10px 0 22px;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,0.15)}
.header .dropdown-menu.lan{max-height:calc(100vh - 200px);overflow-y:auto}

.header.v2{color:#fff;font-weight:bold;padding:20px 0 10px 0}
.header.v2 .topArea{height:40px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.header.v2 .topArea .logIconImg{width:40px;vertical-align:-9px}
.header.v2 .topArea .logImg{width:65px}
.header.v2 .topArea .btnArea .name{display:inline-block;font-weight:lighter;letter-spacing:-0.5px;font-size:12px;vertical-align:middle;max-width:120px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin:2px 0 0 0}
.header.v2 .topArea .btnArea form{display:inline-block}
.header.v2 .topArea .btnInstead{width:40px;height:25px;background:url(/images/ico_head_instead@2x.png) 50% 50% no-repeat;background-size:25px auto;text-indent:-9999px}
.header.v2 .topArea .btnTopSet{width:40px;height:25px;background:url(/images/ico_head_set@2x.png) 50% 50% no-repeat;background-size:25px auto}
.header.v2 .topArea .btnLogout{display:inline-block;width:25px;height:25px;background:url(../images/ico_logout.svg) center no-repeat}
.header.v2 .topArea .stateFruit{display:inline-block;height:36px;line-height:36px;background:url(../images/ico_fruit_top.png) 0 50% no-repeat;background-size:15px auto;padding:0 8px 0 20px;vertical-align:middle}
.header.v2 .topArea .stateConn{display:inline-block;height:36px;line-height:36px;background:url(../images/ico_conn_top.png) 0 50% no-repeat;background-size:15px auto;padding:0 8px 0 20px;vertical-align:middle}
.header.v2 .topArea .btnMark{display:inline-block;width:25px;height:36px;background:url(../images/ico_mark_top.png) 50% 50% no-repeat;background-size:19px auto;vertical-align:middle;cursor:pointer;margin:0}
.header.v2 .topArea .btnInq{display:inline-block;width:20px;height:36px;background:url(../images/nav_today.png) 50% 50% no-repeat;background-size:19px auto;vertical-align:middle;cursor:pointer;margin:0}
.header.v2 .topArea .btnNotice{display:inline-block;min-width:20px;height:36px;background:url(../images/ico_notice.png) 0 50% no-repeat;background-size:16px auto;;vertical-align:middle;cursor:pointer;;margin:0 0 0 10px;position:relative}
.header.v2 .topArea .btnNotice em{display:inline-block;height:18px;line-height:20px;background:#FA5155;color:#fff;font-size:12px;padding:0 5px;border-radius:9px;margin:9px 0 0 12px}
.header.v2 .topArea .nameArea{position:relative}
.header.v2 .topArea .nameLayer{position:absolute;top:20px;right:0}
.header.v2 .topArea .nameLayer .btnInstead{width:100px;height:30px;background:#646f83 url(/images/ico_edit_over.png) 10px 50% no-repeat;color:#fff;font-weight:bold;font-size:13px;text-indent:0;padding:0 10px 0 22px;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,0.15)}
.header.v2 .dropdown-menu.lan{max-height:calc(100vh - 200px);overflow-y:auto}

#markModal{left:inherit;right:10px}
#markModal .close{font-size:27px;font-weight:400;margin-top:-13px}
#markModal .close span{text-indent:0;background:none;width:auto;height:auto}
#markModal .modal-header{padding:18px 15px 0 15px;border-bottom:none;height:35px}
#markModal .modal-content{width:160px}
#markModal .modal-body{padding:0 15px}
#markModal h4{font-size:12px;color:#888}
#markModal ul{padding:0}
#markModal li{font-size:14px;color:#333;border-top:solid 1px #e8e8e8;padding:10px 0 10px 32px}
#markModal li:first-child{border-top:none}

#markModal .manual{border-bottom:solid 1px #888}
#markModal .markInquiry{background:url(../images/ico_inquiry@2x.png) 0 11px no-repeat;font-weight:bold;background-size:20px auto;cursor:pointer}
#markModal .markManual{background:url(../images/ico_book_blue@2x.png) 0 12px no-repeat;font-weight:bold;background-size:18px auto;cursor:pointer}
#markModal .markAppManual{background:url(../images/ico_mm.png) 0 12px no-repeat;font-weight:bold;background-size:18px auto;cursor:pointer}

#markModal .markFruit{background:url(../images/ico_fruit.png) 0 10px no-repeat;background-size:18px auto}
#markModal .markConn{background:url(../images/ico_conn.png) 0 10px no-repeat;background-size:18px auto}
#markModal .markConnNone{background:url(../images/ico_conn_none.png) 0 10px no-repeat;background-size:18px auto}
#markModal .markInstead{background:url(../images/ico_substitute_s.png) 0 10px no-repeat;background-size:auto 18px}

#inqModal{left:inherit;right:10px}
#inqModal .close{font-size:27px;font-weight:400;position:absolute;top:5px;right:10px;z-index:1}
#inqModal .close span{text-indent:0;background:none;width:auto;height:auto}
#inqModal .modal-header{min-height:5px;padding:0;border-bottom:none;position:relative}
#inqModal .modal-content{width:150px}
#inqModal .modal-body{padding:0 15px}
#inqModal h4{font-size:12px;color:#888}
#inqModal ul{padding:0}
#inqModal li{font-size:14px;color:#333;border-top:solid 1px #e8e8e8;padding:10px 0 10px 25px;cursor:pointer}
#inqModal li:first-child{border-top:none}
#inqModal .markInquiry{background:url(../images/ico_inquiry@2x.png) 0 11px no-repeat;background-size:20px auto}
#inqModal .markManual{background:url(../images/ico_book_blue@2x.png) 0 12px no-repeat;background-size:18px auto}

.header .nav{background:#fff;overflow:auto;position:relative;width:100%;border-top:solid 1px #f3f5f7;border-bottom:solid 8px #f3f5f7;margin-bottom:10px}
.header .nav ul{width:100%;height:75px;display:table;margin:0;padding:0 5px !important;/* overflow:scroll; *//* font-size:0; *//* line-height:0; */white-space:nowrap;position:relative;border-bottom:solid 1px rgba(0,0,0,0.11)}
.header .nav li{display:table-cell;text-align:center;color:#4e4e4e;font-size:12px;line-height:1.0;vertical-align:top;cursor:pointer;/* word-break:break-all; */padding:50px 5px 0 5px;position:relative}
.header .nav li.new:after{display:inline-block;content:"";width:13px;height:13px;background:url(/images/ico_new@2x.png) 0 0 no-repeat;background-size:13px auto;vertical-align:middle;margin:0 0 3px 3px;position:absolute;top:6px;left:calc(50% + 2px)}
.header .nav li.on,
.header .nav li:hover{color:#766df6}
.header .nav li.on span{border-bottom:4px solid rgba(118,109,246,0.4);padding:0 0 7px 0}
.header .nav .navHome{background:url(../images/nav_home@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navHome.on,
.header .nav .navHome:hover{background-image:url(../images/nav_home_on@3x.png)}
.header .nav .navatvList{background:url(../images/nav_activity@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navatvList.on,
.header .nav .navatvList:hover{background-image:url(../images/nav_activity_on@3x.png)}
.header .nav .navconList{background:url(../images/nav_conn.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navconList.on,
.header .nav .navconList:hover{background-image:url(../images/nav_conn_on.png)}
.header .nav .navDisconList{background:url(../images/nav_conn_not.png) 50.5% 9px no-repeat;background-size:36px auto}
.header .nav .navDisconList.on,
.header .nav .navDisconList:hover{background-image:url(../images/nav_conn_not_on.png)}
.header .nav .navToday{background:url(../images/nav_today.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navToday.on,
.header .nav .navToday:hover{background-image:url(../images/nav_today_on.png)}
.header .nav .navScheduler{background:url(../images/nav_calnder@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navScheduler.on,
.header .nav .navScheduler:hover{background-image:url(../images/nav_calnder_on@3x.png)}
.header .nav .navGroupConList{background:url(../images/nav_heart@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navGroupConList.on,
.header .nav .navGroupConList:hover{background:url(../images/nav_heart_on@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navAnal{background:url(../images/ico_anal@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navAnal.on,
.header .nav .navAnal:hover{background:url(../images/ico_anal_on@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navEdu{background:url(../images/nav_edu@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navEdu.on,
.header .nav .navEdu:hover{background:url(../images/nav_edu_on@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navWorship{background:url(../images/nav_worship@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navWorship.on,
.header .nav .navWorship:hover{background-image:url(../images/nav_worship_on@3x.png);background-size:36px auto}
.header .nav .navInvite{background:url(../images/nav_event@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navInvite.on,
.header .nav .navInvite:hover{background:url(../images/nav_event_on@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navSetting{background:url(../images/nav_setting@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navSetting.on,
.header .nav .navSetting:hover{background:url(../images/nav_setting_on@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navNewCare{background:url(../images/nav_care@3x.png) 50% 9px no-repeat;background-size:36px auto}
.header .nav .navNewCare.on,
.header .nav .navNewCare:hover{background:url(../images/nav_care_on@3x.png) 50% 9px no-repeat;background-size:36px auto}

.header.v2 .btnLang{width:25px;height:25px;margin-right:15px;background:url(/images/ico_lang.svg) center no-repeat;-webkit-box-shadow:none;box-shadow:none}
.header .btnLangWrap .dropdown-menu{position:fixed;top:65px;left:0;right:0;bottom:0;width:100%;font-size:14px;color:#000;border:none;border-radius:0;box-shadow:none;padding:20px 30px 70px 30px;overflow-y:auto}
.header .btnLangWrap .dropdown-menu a{width:calc(50% - 3px);color:#444;line-height:1.4;font-weight:bold;font-family:'Roboto', Helvetica, Arial, sans-serif !important;padding:0;display:inline-block;vertical-align:top;padding:0 0 10px 0;cursor:pointer}
.header .btnLangWrap .dropdown-menu a:hover{text-decoration:none;color:#007bff;background:none}
.header .btnLangWrap .dropdown-menu a .eng{display:block;font-size:13px;color:#adadad;font-weight:lighter;line-height:1.1}
.header .btn-default:hover, .header .btn-default:focus, .header .btn-default:active, .header .btn-default.active, .header .open>.dropdown-toggle.btn-default{background-color:transparent}

.btnLangWrap .dropdown-menu{position:fixed;top:60px;left:0;right:0;bottom:0;width:100%;font-size:14px;color:#000;border:none;border-radius:0;box-shadow:none;padding:20px 30px 70px 30px;overflow-y:auto}
.btnLangWrap .dropdown-menu a {width:calc(50% - 3px);color:#444;line-height:1.4;font-weight:bold;font-family:'Roboto', Helvetica, Arial, sans-serif;padding:0;display:inline-block;vertical-align:top;padding:0 0 10px 0;cursor:pointer}
.btnLangWrap .dropdown-menu a .eng{display:block;font-size:13px;color:#adadad;font-weight:lighter;line-height:1.1}

@media only screen and (min-width:740px){
.header .btnLang + .dropdown-menu{position:absolute;top:26px;left:inherit;bottom:inherit;min-width:600px;max-width:600px;border:solid 1px #ddd;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,0.15);padding:20px 30px}
.header .btnLangWrap .dropdown-menu a{width:calc(33.3% - 5px)}
.btnLangWrap .dropdown-menu a{width:calc(33.3% - 5px)}
.btnLang + .dropdown-menu{position:absolute;top:26px;left:inherit;bottom:inherit;min-width:600px;max-width:600px;border:solid 1px #ddd;border-radius:10px;box-shadow:2px 2px 2px rgba(0,0,0,0.15);padding:20px 30px}

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;left:0px;width:100%;}
}

.checkInputMode{z-index:100}

.headerShort .header .nav{height:47px;border-bottom:solid 7px #f3f5f7}
.headerShort .header .nav ul{height:40px}
.headerShort .header .nav li{background:none;vertical-align:middle;padding:0 5px}
.headerShort .header .nav li.on{background:none}
.headerShort .header .nav li:hover{background:none}
.headerShort .header .nav li.new:after{left:inherit;right:-2px}

.stDayIndexMain{display:table;width:100%;height:90px;background:url(/images/bg_fst_visual.jpg) 0 0 no-repeat;background-size:100% 100%;border-bottom:solid 10px #f3f5f7}
.stDayIndexMain .stDayIndexIn{display:table-cell;vertical-align:middle;text-align:center;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_fst_visual_l.png) 15px 15px no-repeat, url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_fst_visual_r.png) calc(100% - 10px) 15px no-repeat}
.stDayIndexMain .tit{height:18px;line-height:18px;font-size:11px;color:#fff;background:url(/images/bg_fst_visual_tit.png) center 0 no-repeat;text-align:center;margin:0 0 7px 0}
.stDayIndexMain .msgText{display:inline-block;font-size:19px;color:#6b4c31;font-weight:bold;letter-spacing:-0.5px}

.mngWrap .header .nav{border-bottom:none}

.headerLogin .btnLang{transition:all 0.3s ease;padding:0 8px 0 10px;background:transparent;width:18px;height:18px;background:url(../images/ico_lang.png) 50% 50% no-repeat;background-size:18px auto;text-indent:-9999px}
.headerLogin .btnLang + .dropdown-menu{min-width:auto}
.headerLogin .checkInputMode{z-index:100;position:absolute;right:10px;top:10px}

.mainLogin .checkInputMode{width:100%;margin:14px 0 25px 0}
.mainLogin .btnLang{width:100%;height:38px;transition:all 0.3s ease;background:transparent url(/images/ico_select.png) right 50% no-repeat;background-size:8px auto;border-bottom:1px solid rgba(0,0,0,.12);font-size:14px;color:#999;font-weight:bold;text-align:left;padding:0 0 0 0}
.mainLogin .btn-group.open{border-bottom:solid 1px #266AD0}
.mainLogin .btn-group.open .dropdown-toggle{box-shadow:none;color:#266AD0}
.mainLogin .btn-group .dropdown-menu{width:100%;min-width:100%}
.mainLogin .checkInputMode{z-index:100}

.mainLogin .langSelect{width:100%;border-bottom:1px solid rgba(0,0,0,.12);font-size:14px;color:#333;font-weight:bold;padding:6px 0;margin:10px 0 25px 0}
.mainLogin .langSelect:focus{border-color:#266AD0}

.mngTopWrap{background:#f9fafc;border-bottom:solid 1px #e8e8e8;padding:0 20px 10px 20px}
.mngTopWrap .searchTop{border-bottom:none}
.mngTopWrap .searchTopL{padding-left:0}

.listTab{position:relative;min-height:45px}
.listTab .btnL{display:inline-block;margin:10px 0 0 10px;vertical-align:top}
.listTab .btnR{text-align:right}
.listTab .warning{line-height:1.2;padding:15px 50px 10px 10px}
.listTab .warningMng{line-height:1.5;padding:15px 0 0 0;font-size:14px;color:#63686f;letter-spacing:-0.8px;display:flex;justify-content:space-around;align-items:center}
.listTab .warningMng .point{font-weight:bold;color:#353b41}
.listTab .warningMng .btnMngR{}
.listTab .warningMng .btnStead{max-width:90px;height:30px;background:#fff;line-height:25px;font-size:11px;color:#1dd07a;letter-spacing:-0.5px;border:1px solid #1dd07a;border-radius:20px;padding:0 10px;overflow:hidden;word-wrap:break-word}
.listTab .warningMng .btnStead i{display:inline-block;width:9px;height:9px;background:url(../images/ico_add_green@2x.png) 0 0 no-repeat;background-size:9px auto;vertical-align:middle;margin:0 0 3px 0}
.listTab .group{}
.listTab .group button{min-width:38px;line-height:28px;background:#F8F8F8;border:solid 1px #D8D8D8;font-size:13px;color:#999;padding:0 5px;letter-spacing:-0.5px;margin:0 -0.5px}
.listTab .group button.on{background:#fff;color:#266AD0}
.listTab .group button:first-child{border-radius:3px 0 0 3px}
.listTab .group button:last-child{border-radius:0 3px 3px 0}
.listTab .btnSearchView{position:absolute;top:10px;right:50px;width:30px;height:30px;border:solid 1px #D8D8D8;border-radius:50%;background:#fff url(../images/ico_search.png) 50% 50% no-repeat;background-size:14px auto;cursor:pointer}
.listTab .searchView{display:none;position:absolute;top:10px;right:50px;width:160px;height:30px;background:#fff;border:solid 1px #3574FF;border-radius:30px;padding:0 0 0 8px;z-index:1;overflow:hidden}
.listTab .searchView .textSearch{width:120px;height:20px;line-height:20px;background:transparent;font-size:13px;vertical-align:middle;margin:0 0 3px 0}
.listTab .searchView .btnSearch{width:30px;height:30px;background:#4C84FF url(../images/ico_search_view.png) 50% 50% no-repeat;background-size:14px auto;vertical-align:middle}
.nameWrap .btnWriteList{float:right;display:inline-block;width:35px;height:30px;background:url(../images/ico_write_add.png) 0 0 no-repeat;background-size:35px auto}
.imp-checks input{opacity:0}
.imp-checks input[type="checkbox"]:checked+i{background-image:url(../images/ico_check_imp_on.png)}
.imp-checks i{border-radius:50%;width:30px;height:30px;line-height:1;border:1px solid #EBEBEB;background:#F8F8F8 url(../images/ico_check_imp.png) 50% 50% no-repeat;background-size:18px auto;margin-top:-2px;display:inline-block;vertical-align:middle;margin-right:6px;position:relative;font-size:12px;cursor:pointer}
.imp-checks label{margin:0;font-weight:normal;cursor:pointer}

@media (max-width:340px){
.listTab .warningMng br{display:none}
}

.listTable{width:100%;border-top:1px solid #aaa}
.listTable th{height:28px;background:#F7F7F7;color:#999;font-size:12px;border-bottom:1px solid #e8e8e8;text-align:center}
.listTable td{height:40px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:10px 0}
.listTable td em{color:#A6A6A6}
.listTable th.subject{text-align:center}
.listTable td.subject{text-align:left;font-size:14px;color:#333;letter-spacing:-1px}
.listTable td.subject p{padding:0 0 7px 0;margin:0}
.listTable td.subject .act{color:#888;font-size:14px}
.listTable .num{width:30px}
.listTable .date{width:50px}
.listTable .history{width:70px}


#areaList td:hover{background:#eee}

.explainFoot{padding:10px 20px 10px 25px;font-size:12px;color:gray;text-indent:-7px}
.explainSubTop{padding:0px 20px 0px 25px}
.explainSubBottom{padding:10px 20px 5px 25px}

#gridbox{width:100% !important;min-height:300px !important}
#gridbox .xhdr{border-top:1px solid #aaa;border-bottom:1px solid #e8e8e8}
#gridbox .xhdr td{background:#F7F7F7;color:#999;font-size:12px;;border-color:#F7F7F7}
#gridbox .xhdr tr:last-child{display:none}
#gridbox .objbox{overflow-x:hidden !important}
#gridbox .objbox td{height:50px;border-bottom:1px solid #e8e8e8;border-right:none;font-size:14px;color:#555;cursor:pointer}
#gridbox .objbox td:first-child{font-size:12px;color:#999}
#gridbox .objbox td em{color:#A6A6A6;font-size:13px}
#gridbox .objbox td .tit{font-size:15px;color:#333;letter-spacing:-1px}
#gridbox .objbox td .rate{display:inline-block;padding:0 5px 0 0;text-align:right}

.icoFruit{display:inline-block;width:20px;height:20px;background:url(../images/ico_fruit.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 0 3px 0}
.icoConn{display:inline-block;width:20px;height:20px;background:url(../images/ico_conn.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 0 -2px 0}
.icoConnNone{display:inline-block;width:20px;height:20px;background:url(../images/ico_conn_none.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 0 3px 0}
.icoAttend{display:inline-block;width:20px;height:20px;background:url(../images/notice_icon.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle}

.btnNormal{min-width:90px;height:35px;line-height:35px;color:#555;font-size:13px;font-weight:bold;background:#F7F7F7;border:solid 1px #ccc;border-radius:2px;padding:0 10px;margin:2px}
.btnNormal:disabled{background:#cacaca;color:#FFF}
.btnSave{min-width:90px;height:35px;line-height:35px;color:#fff;font-size:13px;font-weight:bold;background:#3574FF;border-radius:2px;padding:0 10px;margin:2px 2px}
.btnSave.plusDate{line-height:0.5;font-size:14px}
.btnSave.plusDate span{font-size:12px}
.btnSave:before{display:inline-block;content:"";width:17px;height:17px;background:url(../images/ico_save.png) 50% 50% no-repeat;background-size:17px auto;vertical-align:middle;margin:0 3px 3px 0}
.btnSave.plusDate:before{width:14px;height:14px;background-size:14px auto}
.btnSave:disabled{background:#cacaca}

.btnR{position:absolute;top:0;right:15px}
.btnTime{height:30px;line-height:28px;font-size:15px;color:#555;border:solid 1px #555;border-radius:30px;background:#fff;padding:0 15px;margin:10px 0 0 0}
.btnLocal{height:30px;line-height:28px;color:#777;font-size:12px;border:solid 1px #D8D8D8;background:#fff;border-radius:30px;padding:0 10px;margin:9px 0 0 0}
.btnLocal.on{border:solid 2px #266AD0;line-height:24px;color:#266AD0}
.btnState{min-width:70px;height:30px;line-height:28px;color:#999;font-size:15px;background:#fff;letter-spacing:-1px;border:solid 1px #D8D8D8;padding:0 5px;border-radius:30px;margin:2px}
.btnState.on{line-height:24px;border:solid 2px #266AD0;color:#266AD0}
.btnSet{width:30px;height:30px;border:solid 1px #D8D8D8;border-radius:30px;background:#fff url(../images/ico_set.png) 50% 50% no-repeat;background-size:18px auto;margin:9px 0 0 0}
.btnDelete{width:30px;height:30px;border:solid 1px #D8D8D8;border-radius:30px;background:#fff url(../images/ico_delete.png) 50% 50% no-repeat;background-size:17px auto;margin:9px 0 0 0}
.btnStudy{width:30px;height:30px;border:solid 1px #D8D8D8;border-radius:30px;background:#fff url(../images/ico_fst_modify@2x.png) 50% 50% no-repeat;background-size:17px auto}
.btnTimezone{min-width:70px;height:30px;line-height:28px;color:#999;font-size:13px;background:#fff;border:solid 1px #D8D8D8;padding:0 7px;border-radius:30px;margin:2px 0}
.btnTimezone.on,i
.btnTimezone:focus{height:30px;line-height:24px;border:solid 2px #266AD0;color:#266AD0}
.btnCal{width:30px;height:30px;border:solid 1px #D8D8D8;border-radius:30px;background:#fff url(../images/ico_calendar.png) 50% 50% no-repeat;background-size:15px auto;margin:0 7px 0 0}
.btn-default{border:none;font-size:13px}

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;left:-75px;width:300px}
.writeRgTable .multiselect-container{left:0;width:100%}
.multiselect-container .input-group{margin:5px}
.multiselect-container>li{padding:0;margin:0}
.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group{margin:0}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group a{background:#f7f7f7;padding:10px 15px !important}
.multiselect-container>li.multiselect-group a:hover{background:#f7f7f7}
.multiselect-container>li.multiselect-group a b{font-size:15px;color:#666;display:block;background:url(../images/ico_arrow_multi.png) right 50% no-repeat;background-size:8px auto}
.multiselect-container>li.multiselect-group a .caret{display:none}
.multiselect-container>li.multiselect-group a input[type=checkbox]{display:none}
.preachAct .multiselect-container>li.multiselect-group a{text-indent:-9999px}
.preachAct .multiselect-container>li.multiselect-group:nth-child(1) a,
.preachAct .multiselect-container>li.multiselect-group:nth-child(1) a:hover{background:#f7f7f7 url(../images/ico_how_relation.png) 10px 50% no-repeat;background-size:36px auto}
.preachAct .multiselect-container>li.multiselect-group:nth-child(5) a,
.preachAct .multiselect-container>li.multiselect-group:nth-child(5) a:hover{background:#f7f7f7 url(../images/ico_how_pr.png) 17px 50% no-repeat;background-size:25px auto}
.preachAct .multiselect-container>li.multiselect-group:nth-child(9) a,
.preachAct .multiselect-container>li.multiselect-group:nth-child(9) a:hover{background:#f7f7f7 url(../images/ico_how_invite.png) 16px 50% no-repeat;background-size:25px auto}
.preachAct .multiselect-container>li.multiselect-group:nth-child(17) a,
.preachAct .multiselect-container>li.multiselect-group:nth-child(17) a:hover{background:#f7f7f7 url(../images/ico_how_truth.png) 13px 50% no-repeat;background-size:30px auto}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li>a{min-height:40px;color:#666;padding:0;background:url(../images/ico_check.png) 10px 50% no-repeat;background-size:16px auto;border-bottom:solid 1px #E8E8E8;white-space:initial;line-height:1.2;padding:10px 0}
.multiselect-container .active>a,
.multiselect-container .active>a:hover,
.multiselect-container .active>a:focus{background:#fff url(../images/ico_check_on.png) 10px 50% no-repeat !important;background-size:16px auto !important;color:#266AD0 !important}
.multiselect-container.dropdown-menu>li>a:hover{background-color:transparent}
.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 10px 3px 30px}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px;opacity:0}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

.writeWrap .set{position:relative;float:left;width:100%;padding:5px 10px}
.writeWrap .setTit{font-size:14px; font-weight:300; display:block}
.writeWrap .inputText{font-size:13px;border:1px solid #E3E3E3;border-radius:4px;color:#333;width:calc(100% - 10px);height:35px;margin:2px 10px 2px 0;padding:0 10px}
.writeWrap .inputSelect{font-size:15px; width:100%; height:35px; padding:0 10px; border:1px solid #E3E3E3;border-radius:4px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/images/ico_select@2x.png') right 15px no-repeat; background-size:16px auto; vertical-align:top; margin:2px 0 15px}
.writeWrap .btn-group{font-size:15px;width:100%;height:35px;/* padding:0 10px; *//* border:1px solid #E3E3E3; */border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/images/ico_select@2x.png') right 15px no-repeat;background-size:16px auto;vertical-align:top;margin:2px 0 15px}
.writeWrap .tdMulti .btn-group{background:none}
.writeWrap .caret{display:none !important}
.writeWrap .btn-group .btn{font-size:15px; width:100%; height:35px; padding:0 10px; border:1px solid #E3E3E3; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/images/ico_select@2x.png') right 15px no-repeat; background-size:16px auto; vertical-align:top; margin:2px 0 15px}
.writeWrap .inputDateClick{cursor:pointer}
/* input:focus{outline:3px solid rgba(169,203,248,0.6)} */
.writeTable{width:100%;margin:0}
.writeTable th{width:85px;height:50px;color:#888;font-size:12px;line-height:1.2;font-weight:normal;padding:15px 5px 7px 15px;border-top:solid 1px #E8E8E8;vertical-align:top}
.writeTable th.ageTh{vertical-align:top;padding-top:15px}
.writeTable .currTH{color:#266AD0}
.writeTable td{color:#333;font-size:13px;letter-spacing:-1px;padding:7px 0 7px 0;border-top:solid 1px #E8E8E8;position:relative;vertical-align:middle;text-align: left}
.writeTable td p{margin:0}
.writeTable td .inputRadio + label{height:auto;line-height:1.0;padding:5px 10px;margin:0}
.writeTable td .inputCal{background:url(/images/ico_date_cal_s@2x.png) 76px 50% no-repeat;background-size:22px auto;font-size:12px;-webkit-appearance:none}
.writeTable td .inputCal::-webkit-clear-button{display:none;-webkit-appearance:none}
.writeTable td .inputCal::-webkit-inner-spin-button{display:none;-webkit-appearance:none}
.writeTable td .inputCal::-webkit-calendar-picker-indicator {opacity:0;cursor:pointer}
.writeTable tr:first-child th,
.writeTable tr:first-child td{border-top:none}
.writeTable .explain{padding:10px 0;color:#666}
.writeTable .ui-tabs .ui-tabs-nav{border-spacing:1px;border-collapse:initial}
.writeTable .ui-tabs .ui-tabs-nav li{float:initial;border-collapse:seperate;white-space:initial;vertical-align:middle;margin:0}
.writeTable .ui-tabs .ui-tabs-nav li.ui-state-active{z-index:1}
.writeTable .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:6px 0 4px 0;font-size:12px}
.writeTable .ui-widget input{font-size:13px}
.writeTable .ui-tabs .ui-tabs-panel{padding:10px 10px 10px 10px}
.writeTable .ui-tabs .ui-tabs-panel .otherSel{padding:0 0 10px 0}
.writeTable label{font-size:13px}
.writeTable .inputSelect{font-size:13px;width: calc(100% - 10px);margin:0}
.writeTable .inputSelect.time{width:100px}
.writeTable .btn-group{font-size:13px;margin:0;width:calc(100% -  10px)}
.writeTable .btn-group .btn{font-size:13px;margin:0;/* width: calc(100% - 10px); */text-align: left}
.writeTable .academyChoice{margin:0 0 5px 0}
.writeWrap .btnArea{text-align:center;padding:20px 0;border-top:solid 1px #E8E8E8}
.writeWrap .noteArea{color:#999;font-size:15px}
.writeWrap .noteArea li{line-height:1.5;padding:0 15px 8px 25px}
.writeWrap .noteArea .point{color:#fa5155}
.writeWrap .btnSearch{width:30px;height:35px;background:#4C84FF url(../images/ico_search_view.png) 50% 50% no-repeat;background-size:14px auto;vertical-align:middle}
.writeWrap .inputMemo{font-size:12px;margin:2px 10px 2px 0;display:inline-block;color:#676767}

.eduSCTable{padding:10px 20px}
.eduSCTable li{font-size:15px}
.eduSCTable li:first-child{font-size:12px;color:#999;padding-bottom:1px}
.eduSCTable li.subject{font-size:17px;font-weight:600}
.eduSCTable ul{padding:15px 0;border-bottom:1px solid #eee}
.eduSCTable .inputChk{display:none}
.eduSCTable .inputChk + label{font-weight:lighter;margin:0 15px 0 0;cursor:pointer}
.eduSCTable .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 0 0}
.eduSCTable .inputChk:checked + label{color:#2366FF}
.eduSCTable .inputChk:checked + label:before{background:#2366FF url(/images/ico_radio_check.png) 50% 50% no-repeat;border-color:#2366FF}
.eduSCTable .inputChk:disabled + label{opacity:0.6;cursor:default}
.eduSCTable .inputChk:disabled + label:before{background:#eee}
.eduSCTable .inputChk:checked:disabled + label{color:#333}
.eduSCTable .inputChk:checked:disabled + label:before{border:solid 1px #CDD0D2;background:#eee url(/images/ico_baptism_check.png) 50% 50% no-repeat;background-size:10px auto}


.writeTable .lineTR th,
.writeTable .lineTR td{border-bottom:solid 1px #c7c7c7}
.writeTable .bapTD{padding:0;border-bottom:solid 1px #c7c7c7}
.bapMsg{font-size:13px;padding:10px 10px 10px 18px;color:#000;text-indent:-6px}
.bapMsg .point{color:#3574FF}
.bapTable{width:100%;border-top:solid 1px #E8E8E8}
.bapTable th{width:auto;height:30px;font-weight:bold;background:#f5f5f5;text-align:center;padding:2px 0 0 0;line-height:30px}
.bapTable th.num{}
.bapTable td{text-align:center;font-size:13px;color:#666;padding:7px 0}
.bapTable .num{padding-left:15px}
.bapTable .bapName{text-align:left}
.bapTable .age{text-align:left}
.bapTable .btnTD{padding-right:5px}
.bapTable td.bapName{font-weight:bold;color:#000}
.bapTable td .btnNormal{min-width:auto;height:28px;line-height:30px;font-size:13px;background:#3574FF;color:#fff;border:none;margin:0;padding:0 8px}
.bapTable td .btnNormal:hover{background:#2a68f3}

.eduWriteTitle{border-bottom:solid 1px #c0c0c0;padding:10px 15px}
.eduWriteTitle h4{font-size:14px;font-weight:bold}

.btnDeleteArea{width:20px;height:20px;background:url(../images/ico_delete_area.png) 50% 50% no-repeat;background-size:19px auto;position:relative;right:28px}
.btnSearchArea{width:36px;height:36px;background:#F7F7F7 url(../images/ico_search_area.png) 50% 50% no-repeat;border:solid 1px #D8D8D8;text-indent:-9999px;margin:0 0 0 -21px}
.btnSettingSearch{width:36px;height:36px;background:#F7F7F7 url(../images/ico_search_area.png) 50% 50% no-repeat;border:solid 1px #D8D8D8; position:absolute;right:10px;top:7px}

.btnNote{min-height:40px;color:#999;font-size:13px;background:#fff;margin:0 0 0 15px;padding:10px 0 5px 0}
.btnNote:before{display:inline-block;content:"*";font-size:15px;margin:0 5px 0 0;vertical-align:middle}
.btnNote:after{display:inline-block;content:"?";width:20px;height:20px;font-size:12px;line-height:12px;color:#999;border:solid 1px #D8D8D8;border-radius:50%;text-align:center;margin:0 0 4px 5px;padding:3px 0 0 0;vertical-align:middle}
.viewNote{display:none;position:absolute;top:107px;z-index:1;background:#fff;border:solid 1px #aaa;border-top:none}
.viewNote .title{border-bottom:solid 1px #E8E8E8;position:relative;height:45px}
.viewNote .title h3{line-height:45px;color:#999;font-size:13px;padding:0 0 0 15px}
.viewNote .title h3:before{display:inline-block;content:"*";font-size:15px;margin:0 5px 0 0;vertical-align:middle}
.viewNote .title .btnClose{position:absolute;top:0;right:0;width:44px;height:44px;background:url(../images/ico_close_note.png) 50% 50% no-repeat;background-size:16px auto;cursor:pointer}

.selectNormal{border:none;background:#fff url(../images/ico_select.png) right 50% no-repeat;background-size:8px auto;-webkit-appearance:none;appearance:none;padding:0 15px 0 0;cursor:pointer;font-size: 13px}
.selectNormal::-ms-expand{display:none}

.k-picker-wrap.k-state-default{position:relative;background:#fff !important;border:none}
.k-picker-wrap.k-state-default>.k-select{position:absolute;top:5px;left:0;width:30px;height:30px;min-height:30px;background:url(../images/ico_calendar.png) 50% 50% no-repeat;background-size:15px auto;border:solid 1px #D8D8D8;border-radius:50%}
.k-picker-wrap .k-input{margin:0 0 0 25px;background:transparent}

.viewWrap{}
.viewTable{margin:10px 0}
.viewTable th{width:85px;color:#888;font-size:12px;font-weight:normal;padding:0 0 8px 15px;vertical-align:middle}
.viewTable td{color:#333;font-size:15px;letter-spacing:-1px;vertical-align:top;padding:0 15px 8px 0}
.viewTable .tit{color:#266AD0}
.viewWrap .btnArea{text-align:center;padding:20px 0;border-top:solid 1px #E8E8E8}
.viewWrap .noteArea{color:#999;font-size:15px;line-height:1.5;padding:15px 15px 0 15px}

.promiseWrap{position:relative;background:#fff;max-width:1258px}
.promiseWrap.up{position:fixed;top:187px;bottom:0;width:100%;z-index:1000}
.promiseWrap .btnFold{width:60px;height:20px;text-align:center;background:#5A6A7A;border:solid 1px #2D3B48;position:absolute;top:-18px;left:50%;margin:0 0 0 -25px;cursor:pointer;box-shadow:0 -3px 5px rgba(0,0,0,0.1)}
.promiseWrap .btnFold:before{display:inline-block;content:"";width:10px;height:15px;background:url(/images/ico_arrow_up_w.png) 0 65% no-repeat}
.promiseWrap .btnFold.up{}
.promiseWrap .btnFold.up:before{background:url(/images/ico_arrow_down_w.png) 0 75% no-repeat}
.promiseWrap .head{position:relative;height:50px;background:#F7F7F7;border-top:solid 2px #666;padding:8px 0 0 15px}
.promiseWrap .head h3{display:inline-block;font-size:13px;color:#555;font-weight:bold;line-height:50px;padding:0 0 0 15px;margin:0 5px 0 0}
.promiseWrap .btnPromise{position:absolute;top:8px;right:7px;max-width:90px;height:30px;background:#fff url(../images/ico_add.png) 7px 50% no-repeat;background-size:12px auto;line-height:1.0;font-size:11px;color:#555;font-weight:bold;letter-spacing:-0.5px;border:1px solid #adadad;border-radius:20px;padding:0 7px 0 20px;overflow:hidden;word-wrap:break-word}
.promiseWrap .btnPromise i{display:none;/*width:12px;height:12px;background:url(../images/ico_add.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 2px 3px 0*/}
.promiseWrap .group{display:inline-block;vertical-align:middle;margin:0}
.promiseWrap .group button{max-width:55px;height:30px;background:#fff;border:solid 1px #adadad;font-size:11px;color:#555;line-height:1.0;letter-spacing:-0.5px;padding:0 5px;margin:0 -3px}
.promiseWrap .group button.on{background:#fff;color:#3574ff;border-color:#3574ff;position:relative}

.promiseWrap .srcollHead{border-top:1px solid #aaa;background:#F7F7F7;border-bottom:1px solid #e8e8e8;padding:3px 5px;position:relative}
.promiseWrap .srcollHead .memoTable{width:100%}
.promiseWrap .srcollHead .memoTable th{height:28px;color:#999;font-size:12px;text-align:center;line-height:1.0}
.promiseWrap .srcollHead h3{position:absolute;top:5px;left:0;display:inline-block;font-size:13px;color:#555;font-weight:bold;padding:0 0 0 15px;margin:0 5px 0 0}
.promiseWrap .srcollBody{}
.promiseWrap .srcollBody .memoTable{width:100%;border-top:none}
.promiseWrap .srcollBody .memoTable td{border-bottom:1px solid #e8e8e8;font-size:12px;color:#666;text-align:center;cursor:default;padding:7px 0px;vertical-align:top}
.promiseWrap .srcollBody .memoTable td em{color:#A6A6A6}
.promiseWrap .srcollBody .memoTable td.subject{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.promiseWrap .srcollBody .memoTable td.subject p{font-weight:bold;padding:0 0 0 15px;margin:0}
.promiseWrap .srcollBody .memoTable td.subject .act{color:#888;font-size:13px;margin:0 0 3px 0}
.promiseWrap .srcollBody .memoTable td.subjectB{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.promiseWrap .srcollBody .memoTable td.subjectB p{padding:0 0 0 15px;margin:0;font-weight:bold}
.promiseWrap .srcollBody .memoTable td.subjectB .act{color:#888;font-size:13px}
.promiseWrap .srcollBody .memoTable td.subjectP{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.promiseWrap .srcollBody .memoTable td.subjectP p{padding:0 0 0 0;margin:0;font-weight:bold;line-height:1.5}
.promiseWrap .srcollBody .memoTable td.subjectP .act{color:#888;font-size:13px}
.promiseWrap .srcollBody .memoTable td.subjectP .inputNm{font-weight:normal;color:#5d5d5d}
.promiseWrap .srcollBody .memoTable td.groupNM{color:#3574ff;font-size:15px;font-weight:bold;margin:0;padding:5px 10px 5px 15px;text-align:left}
.promiseWrap .srcollBody .memoTable td.uds{padding-right:10px;text-align:center}
.promiseWrap .memoTable .num{width:30px;padding-left:10px}
.promiseWrap .memoTable th.date{width:70px}
.promiseWrap .memoTable td.date{width:70px;padding:7px 15px 7px 5px !important}
.promiseWrap .memoTable .uds{width:70px}

/* .promiseWrap.up .srcollHead{padding:0 17px 0 0} */
.promiseWrap.up .srcollHead{}
.promiseWrap.up .srcollBody{height:calc(100vh - 273px);overflow-y:scroll}

.promiseWrap .inputMemo{display:inline-block;margin:5px 0;font-size:12px;color:#676767}

.todayWrap{}
.todayWrap .noteArea{color:#999;font-size:13px;padding:15px 15px 15px 25px}
.todayTable{width:100%;border-top:solid 1px #e1dfdf;border-bottom:solid 1px #e9e9e9;margin:0 0 20px 0}
.todayTable th{width:85px;height:50px;font-size:12px;color:#888;font-weight:normal;padding:7px 10px 7px 15px;border-bottom:solid 1px #f1f2f5}
.todayTable td{color:#333;font-size:14px;letter-spacing:-1px;padding:7px 10px 7px 0;border-bottom:solid 1px #f1f2f5;position:relative;vertical-align:middle;text-align: left}
.todayTable .ui-tabs .ui-tabs-nav{border:solid 1px #e1dfdf;border-bottom:none}
.todayTable .ui-tabs .ui-tabs-nav li{margin:0;padding:5px 0;vertical-align:middle}
.todayTable .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:5px 0;font-size:12px}
.todayTable .ui-widget input{font-size:13px}
.todayTable .ui-tabs .ui-tabs-panel{padding:10px 10px}
.todayTable .inputSelect{font-size:13px}
.todayTable label{font-size:13px}
.todayTable .inputText{margin:2px 0;font-size:14px}
.todayWrap .btnArea{text-align:center;padding:20px 0;border-top:solid 1px #E8E8E8}
.paddingTd{padding-left:10px !important}

.todayWrap .findList{margin:20px 0 0 0}
.todayWrap .findList .title{border-bottom:solid 2px #5D6169;padding:0 0 5px 0}
.todayWrap .findList .title h3{font-size:13px;color:#222;padding:0;margin:0}
.todayWrap .findList .title h3 em{font-size:12px;color:#FF4C6A}
.todayWrap .findList ul{border-bottom:solid 1px #BDBDBD;padding:0}
.todayWrap .findList li:hover{background:#F5F5F5}
.todayWrap .findList li{border-top:solid 1px #E4E4E4;padding:10px 0;cursor:pointer}
.todayWrap .findList li:first-child{border-top:none}
.todayWrap .findList li p{margin:0;padding:0;font-size:14px;color:#333}
.todayWrap .findList li .eng{font-size:12px;color:#888;margin:3px 0 0 0}
.todayWrap .findList li .key{color:#595AE3}
.todayWrap .findList .no-content{text-align:center;padding:5px 0 0 0}
.todayWrap .findList .word {color:#3263EC}

.todayWrap .Paging{position:relative;/*display:flex;display:-webkit-box;*/ text-align:center; margin:20px 0 10px;font-family:'Apple SD Gothic Neo', notokr, 'notokr', "Malgun Gothic", "맑은 고딕", Helvetica, sans-serif}
.todayWrap .Paging .item{display:inline-block;color:#333;min-width:38px;padding:10px 2px 8px;margin:2px;border-radius:25px;font-size:14px;font-weight:300;text-align:center}
.todayWrap .Paging .item:hover{color:#3263EC}
.todayWrap .Paging .active{background:#f3f3f3; font-weight:bold; color:#3263EC}
.todayWrap .Paging .arrow{background:none;font-size:0;display:inline-block;width:8px;height:13px;padding:20px 15px;background-repeat:no-repeat;background-position:center;vertical-align:middle}
.todayWrap .Paging .prev{background-image:url('../images/pre.png');background-size:8px}
.todayWrap .Paging .prev:hover{background-image:url('../images/pre_hover.png');background-size:8px}
.todayWrap .Paging .next{background-image:url('../images/next.png');background-size:8px}
.todayWrap .Paging .next:hover{background-image:url('../images/next_hover.png');background-size:8px}

.modal .close{font-size:40px;color:#777;font-weight:lighter;margin-top:0;opacity:.6}
.modal .close:hover{opacity:1}
.modal .close span{display:block;width:18px;height:18px;background:url(../images/ico_close_modal.png) 0 0 no-repeat;text-indent:-9999px;background-size:18px auto}
.modal h4{color:#3333;font-size:16px}
.modal h4 .point{color:#266AD0}
.modal-header{border-bottom:solid 1px #aaa;padding:18px 15px 13px 15px}
.modal-body{padding:0}
.modal-footer{text-align:center}
.modal .hourArea{display:inline-block;margin:0 8px 0 0}

.modalTable{width:100%}
.modalTable tr:first-child th,
.modalTable tr:first-child td{border-top:none}
.modalTable th{width:90px;height:50px;border-top:solid 1px #E8E8E8;font-size:14px;color:#888;font-weight:lighter;padding:0 0 0 15px}
.modalTable td{border-top:solid 1px #E8E8E8;font-size:16px;color:#333;padding:0 15px 0 0}
.modalTable td.study{padding:10px 15px 10px 0}
.modalTable select option{font-size:15px;line-height:1.5}
.modalTable td.study .dropdown-menu>li>a{white-space:normal}
.modalTable td.study .multiselect-container>li>a{height:auto;padding:8px 5px;line-height:1.1}
.modalTable td.study .multiselect-container>li.multiselect-group a{padding:10px 15px !important}
.modalTable td.study .dropdown-menu{min-width:238px}
.modalTable #study_result{font-size:15px;color:#333}
.modalTable #study_result p{margin:0 0 7px}

.inputText{width:100%;height:36px;line-height:34px;border:solid 1px #D8D8D8;border-radius:2px;font-size:16px;color:#333;padding:0 6px}
.inputText.areaSch{font-size:13px;/*background:#fff url(/images/ico_search_in_top.png) right 50% no-repeat;*/}
.inputText.areaSch.area{font-size:13px;background:none;width:calc(100% - 40px);margin-right:0}
.inputText.wS{width:100px}
.inputText.time{width:60px;text-align:center;margin:0 5px 0 0}
.inputText.date{width:120px;height:30px;line-height:30px;font-size:13px;padding:5px}
.inputTextNone{width:100%;height:36px;line-height:34px;border:solid 1px transparent;border-radius:2px;font-size:16px;color:#333;padding:0 6px}
.inputTextNone:focus{border-color:#d8d8d8}
.inputTextNone.maR{width:calc(100% - 10px);margin:0 10px 0 0}
.inputText.maR{width:calc(100% - 10px);margin:0 10px 0 0}
.inputDate{font-size:16px;color:#333}
.inputDatePick{width:130px;height:30px;line-height:30px;font-size:14px;color:#333;padding:0 0 0 37px; background:url(../images/ico_calendar_b.png) 0 50% no-repeat;background-size:30px auto}
.inputDatePick:disabled{background-color:rgb(235, 235, 228)}
.inputDate.wS{width:90px}
span.dateIcon{display:inline-block;width:30px;height:30px;background:url(../images/ico_calendar_b.png) 50% 50% no-repeat;background-size:30px auto;margin:0 2px 0 0;vertical-align:middle}
.subTitle .inputDatePick{width:100px;padding:3px 5px 3px 20px;border:1px solid #e0e0e0;border-left:none;margin-left:-20px;background-color:transparent;font-weight:normal;font-size:15px}

.ageList{padding:10px 0 0 0}
.ageList li{float:left;width:33%;max-width:110px;margin:0 0 7px 0}
.ageList li.button{text-align:center;width:24.7%;max-width:24.7%;height:37px;line-height:1.0;color:#666;font-size:13px;background:#eee;border-radius:2px;border:1px solid #d8d8d8;margin:-1px;position:relative;bottom:0;border-bottom:1px solid #8d8d8d;padding:5px 0}
.ageList li.button.on{height:40px;color:#000;font-size:13px;background:#fff;z-index:99;bottom:2px;border-bottom:none !important;padding:6px 0 5px 0}
.ageList li.line{width:calc(100% - 20px);max-width:100%;height:0;border-top:solid 1px #eee;margin:2px 0 7px 0}
.ageList li .inputText{width:calc(100% - 20px);height:30px;line-height:28px;margin:0 3px 0 0}
.ageList .ageTit{font-size:13px;color:#266AD0;margin:0 0 2px 0}

.writeNewWrap .ageList{padding:0}
.writeNewWrap .ageList li.button{width:50%;max-width:50%}
.writeNewWrap .ageList li.button.on{width:50%;max-width:50%}
.writeNewWrap .ageListBtnT{border-bottom:solid 2px #8d8d8d;padding:0 15px;margin:0 0 10px 0}
.writeNewWrap .ageListBtnT button{width:calc(50% - 3px);height:35px;line-height:1.0;color:#666;font-size:13px;font-weight:bold;background:#eee;border-radius:2px 2px 0 0;border:1px solid #d8d8d8;border-bottom:none;transition:none;margin:0 -2px}
.writeNewWrap .ageListBtnT button.on{height:37px;background:#fff;border-color:#8d8d8d;color:#000;font-size:13px;position:relative;margin:0 0 -2px 0}

.controls{width:calc(100% - 120px);border:1px solid transparent;border-radius:2px;height:36px;outline:none;background:#fff;font-family:Roboto;font-size:15px;font-weight:300;padding:0 6px;text-overflow:ellipsis}
.controls:focus{border-color:#d8d8d8}
.controls::-ms-clear{display:none}
.controlsArea{padding:0 30px 0 6px}

.timeR{top:9px;height:30px;border:solid 1px #555;padding:0;border-radius:30px}
/*.timeR .simpleselect{width:auto;min-width:65px;height:30px;font-size:15px;color:#555}
.timeR .simpleselect .placeholder{padding:6px 15px;border-radius:30px;border:solid 1px #555;text-align:center}
.timeR .simpleselect .placeholder:after{display:none}
.timeR .simpleselect .options{right:0;left:auto;width:auto;min-width:63px}
.timeR .simpleselect .options .option{text-align:center}
.timeR .simpleselect .options .option.active{background:#266AD0}*/
.preachTime{line-height:28px;font-size:13px;color:#555;border:none;background:transparent;-webkit-appearance:none;appearance:none;padding:0 5px;cursor:pointer}
.preachTime::-ms-expand{display:none}

.i-checks{margin:0 0 0 -10px}
.i-checks input{opacity:0}
.i-checks input:checked+i{border-color:#205bf0;background-color:#205bf0}
.i-checks input[type="radio"]:checked+i:before{position:absolute;left:2px;width:10px;height:10px;top:2px;text-align:center;font-family:"FontAwesome";font-style:normal;font-weight:normal;color:#fff;/*color:#545ca6;*/}
.i-checks input[type="checkbox"]:checked+i:before{position:absolute;left:2px;width:10px;height:10px;top:2px;text-align:center;font-family:"FontAwesome";font-style:normal;font-weight:normal;color:#fff;/*color:#545ca6;*/}
.i-checks i{border-radius:50px;width:18px;height:18px;line-height:1;border:1px solid #cbd5dd;background-color:#fff;margin-top:-2px;display:inline-block;vertical-align:middle;margin-right:6px;position:relative;font-size:12px;cursor:pointer}
.i-checks label{margin:0;font-weight:normal;cursor:pointer}
.i-checks.impor label{margin:4px 26px 0 20px;font-weight:normal;cursor:pointer}
.i-checks input:checked ~.text{color:#205bf0}
.i-checks input[type="radio"]:checked+i:before{content:"\f00c"}
.i-checks input[type="checkbox"]:checked+i:before{content:"\f00c"}

.wrap-bottom{width:300px;text-align:center;padding:15px 0 45px} 
.wrap-bottom button{font-weight:bold;border-radius:1px;padding:10px 20px;background:#fff;border:1px solid #111}
.wrap-bottom .savBtn{background:#5a6a7a;border:solid 1px #2D3B48;color:#fff;margin-right:10px}
.wrap-bottom .delBtn{background:#fff;border:1px solid #777;color:#000}

.addText{width:calc(100% - 85px);height:35px;color:#000;font-size:13px;line-height:1.3;padding:0 10px}
td.personArea{display:none;padding:0;border-top:solid 1px #aaa;border-bottom:solid 1px #aaa}
.personTab{padding:5px 0 !important}
.personTab ul{display:table;width:calc(100% - 8px);border-bottom:1px solid #e8e8e8;border:none;background:none;margin:0 0 0 5px !important}
.personTab li{display:table-cell;width:33%;font-size:15px;text-align:center;background:#f8f8f8;border-right:1px solid #e8e8e8;padding:10px 0;font-weight:bold}
.personTab li a{color:#666}
.personTab li a:focus{outline:none}
/* .personTab li:last-of-type{border-right:none} */
.personTab li.ui-state-active{background:#fff}
.personTab li.ui-state-active a{color:#266AD0}
.personTab .ui-tabs-panel{text-align:center;padding:30px 0}
.personTab .tabsIn{text-align:left !important;padding:0 15px}
.personTab .tabsIn table{width:100%}
.personTab .tabsIn table td{height:40px}
.personTab .inputSrh{width:45%;height:36px;line-height:34px;border:1px solid #D8D8D8;font-size:15px;padding:0 5px}
.personTab .btnSv,
.personTab .btnSrh{height:36px;border-radius:0;font-size:13px;border:solid 1px #D8D8D8;background:#F8F8F8 url(/images/ico_search_view_gray@2x.png) 50% 50% no-repeat;background-size:14px auto;text-indent:-9999px;padding:0 10px;margin-left:-6px}
.personTab .inputName{margin:15px 10px 5px 10px;font-size:13px;color:#333}
.personTab .inputName span{display:inline-block;margin:0 5px 0 0}
.personTab .resultName{width:140px;height:22px;font-size:15px !important;font-weight: bold;line-height:1.1;color:#266AD0;vertical-align:middle;margin:0 0 5px 0}
.personTab .btnNameSave{height:30px;line-height:30px;background:#3574ff;color:#fff;font-size:13px;padding:0 10px;border-radius:30px;min-width:50px}
.personTab a{width:100%;display:inline-block}
.personTab .btnR{right:0}
.personTab .btnR .btnDelete{border:none}

.resultBox{width:auto;margin:0 auto;width:260px}
.resultBox h4{font-size:14px;font-weight:bold;text-align:left;padding:0 0 10px 10px}
.psResultTable{width:100%;border-top:solid 1px #aaa}
.psResultTable th{width:60px;height:45px;color:#000;font-size:15px;font-weight:bold;padding:3px 0 3px 10px}
.psResultTable td{padding:10px 0 10px 10px}
.psResultTable p.saintNm{display:inline-block;font-weight:bold;font-size:15px;line-height:1.1;margin:0 10px 0 0}
.psResultTable .info{display:block;font-size:13px;letter-spacing:0px}
.psResultTable .dpt{font-size:13px;color:#3574ff}
.psResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.psResultTable p.dispNo{padding: 0;margin: 0;letter-spacing:0.3px;color:gray}

.addLayer{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;width:100% !important;height:100%;background:rgba(0, 0, 0, 0.2)}
.addLayer .section{position:absolute;width:calc(100% - 20px);background:#fff;top:10px;left:10px;right:10px/*margin:0 0 0 calc(-50% + 20px)*/;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);border:solid 1px rgba(0, 0, 0, 0.7);border-top:none;border-radius:5px}
.addLayer .section .title{height:50px;background:#395FD7;box-shadow:0 1px 0 #1639A4;border-radius:5px 5px 0 0;cursor:move}
.addLayer .section .title h3{border-top:0;background:transparent;color:#fff;float:left;font-size:16px;line-height:50px;padding:0 0 0 20px}
.addLayer .section .btnAddClose{float:right;display:inline-block;width:50px;height:50px;background:transparent url(../images/ico_close.png) 50% 50% no-repeat;border-radius:0 5px 0 0;cursor:pointer;z-index:1}
.addLayer .section .btnAddClose:hover{background-color:#5175ec}
.addLayer .section .con{clear:both;border-bottom:solid 1px #b6b6b6;padding:20px 20px 25px 20px}
.addLayer .section table{width:100%}
.addLayer .section table th{font-weight:bold;font-size:12px;padding:0 0 3px 10px;width:100px}
.addLayer .section table td{padding:5px 0;font-size:13px}
.addLayer .section table td select{padding:4px}
.addLayer .section table tr:last-child td{padding:0}
.addLayer .section table img{margin:0 4px;cursor:pointer}
.addLayer .section .foot{clear:both;background:#f7f7f7;text-align:center;border-radius:0 0 5px 5px;padding:25px 0}
.addLayer .section .foot button{background:#fff;border:1px solid #111;padding:8px 16px}

.disableColor{background:#fff}

#map {height:100%}
#type-selector {color:#fff;background-color:#4d90fe;padding:5px 11px 0px 11px}
#type-selector label{font-family:Roboto;font-size:13px;font-weight:300}
.warning{color:#777;font-size:12.5px;line-height:1.5;padding:15px 15px 0 10px}
.warning .btnStead{position:relative;bottom:3px;right:0;max-width:90px;height:30px;background:#fff;line-height:25px;font-size:11px;color:#1dd07a;border:1px solid #1dd07a;border-radius:20px;padding:0 10px;overflow:hidden;word-wrap:break-word;float:right}
.warning .btnStead i{display:inline-block;width:9px;height:9px;background:url(../images/ico_add_green@2x.png) 0 0 no-repeat;background-size:9px auto;vertical-align:middle;margin:0 0 3px 0}
/* .warning .btnRTop{text-align:right;margin:0 0 3px 0}
.warning .btnStead{position:relative;bottom:3px;right:0;max-width:90px;height:25px;background:#fff;line-height:25px;font-size:11px;color:#333;border:1px solid #adadad;border-radius:2px;padding:0 7px;overflow:hidden;word-wrap:break-word}
.warning .btnStead i{display:inline-block;width:12px;height:12px;background:url(../images/ico_add.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 2px 3px 0}
.warning .btnAreaST{position:relative;bottom:3px;right:0;max-width:90px;height:25px;background:#f9fafb;line-height:25px;font-size:11px;color:#1e68e2;border:1px solid #4881e0;border-radius:2px;padding:0 7px;overflow:hidden;word-wrap:break-word;margin:0}
.warning .btnAreaST:before{display:inline-block;content:"";width:15px;height:15px;background:url(/images/ico_anal_tab2_on@2x.png) 0 0 no-repeat;background-size:15px auto;vertical-align:middle;margin:0 3px 4px 0}
 */
.nameWrapL .btnStead{position:relative;bottom:3px;right:0;max-width:90px;height:25px;background:#fff;line-height:25px;font-size:11px;color:#555;border:1px solid #adadad;border-radius:20px;padding:0 7px;overflow:hidden;word-wrap:break-word;float:right}
.nameWrapL .btnStead i{display:inline-block;width:12px;height:12px;background:url(../images/ico_add.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 2px 3px 0}

.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;border:1px solid #a4bed4;background:#fff;color:#333333;box-shadow:0 2px 3px #ccc;border-bottom-left-radius:2px;border-bottom-right-radius:2px;padding-left:0}
.ui-menu .ui-menu-item{position:relative;margin:0;padding:8px 5px;cursor:pointer;border-bottom:1px solid #E4E4E4}
.ui-helper-hidden-accessible{display:none}
.ui-state-focus{background:#EAF1FE}

.schWrap{}
.schWrap .footer{padding:20px 0 50px 0}

.preachStatsWrap{display:flex;justify-content:space-evenly;border-bottom:solid 8px #eaeef3;padding-bottom:15px;padding-top:25px}
.preachStatsWrap dl{width:75px}
.preachStatsWrap dd{text-align:center;position:relative}
.preachStatsWrap dd .rate{font-size:13px;color:#505866;font-weight:bold;position:absolute;top:52%;left:48%;transform:translate(-35%, -50%)}
.preachStatsWrap dt{text-align:center;font-size:12px;color:#8D94A0;line-height:1.1;margin-top:7px;word-break:keep-all}
.preachStatsWrap dl.dlPst dt{letter-spacing:-0.5px}
.preachStatsWrap .sheepImg{display:inline-block;height:90px;text-align:center;margin-top:-5px}
.preachStatsWrap .sheepImg img{height:inherit}
.preachTotal{display:inline-block;width:60px;height:60px;background:#F2F4F6;border-radius:50%}
.preachTotal .preachTit{display:block;text-align:center;font-size:13px;color:#a7aece}
.preachTotal .preachPt{display:inline-block;line-height:60px;text-align:center;font-size:12px;color:#4880EE;font-weight:bold;width:100%}
.preachChartWrap{display:inline-block;margin-left:10px}
.festivalAnno{font-size:12px;color:#a7aece;letter-spacing:-0.8px;position:absolute;right:5px;margin:10px 0;/* float:right;padding-right:5px;margin:10px 0 0 0 */}
.festivalAnno span{vertical-align:middle}
.festivalAnno .festIco{display:inline-block;width:30px;height:30px;background:url(/images/icon_festival_off.png) 50% 50% no-repeat;background-size:20px auto;vertical-align:middle}
.chart{display:inline-block;position:relative}
.chart canvas{max-width:100%;max-height:100%}
.chart span{display:inline-block;width:100%;text-align:center;font-size:13px;color:#a7aece;position:absolute;top:26px;left:0}
.chart .festIco{width:30px;height:30px;background:url(/images/icon_festival_off.png) 50% 50% no-repeat;background-size:20px auto;top:20px;left:20px}
.circle{color:#4880EE;font-weight:bold}
.circle.bkGrey{color:#7D7F88;font-weight:normal}

.preachActHisWrap{background:#fff;padding:10px 20px 0 20px}
.preachActHisWrap .preachStatsWrap{padding:0;border:none}
.preachActHisWrap .preachYearTitle{min-width:50px;width:50px;position:relative;top:22px;color:#7d7f88;}
.preachActHisWrap .preachYearContent{width:100%;display:flex;justify-content:space-evenly;}
.preachActHisTit{margin:15px 0;position:relative}
.preachActHisTit h3{font-size:16px;color:#202225;font-weight:bold}
.preachActHisTit h3 span{margin-right:5px}
.preachActHisTit .btnR{position:absolute;top:0;right:0}
.preachActHisTit .btnDown{width:30px;height:30px;background:url(/images/ico_smfst_down@2x.png) 50% 50% no-repeat;background-size:14px auto}
.preachActHisTit .btnDown.on{background:url(/images/ico_smfst_up@2x.png) 50% 50% no-repeat;background-size:14px auto}
.preachActHisScroll{}
.actHistoryTable{width:100%;margin:30px 0 30px 0}
.actHistoryTable th{width:17%;height:34px;word-break:break-word;letter-spacing:-0.5px;font-size:11px;line-height:1.0;color:#7D7F88}
.actHistoryTable th .thArea{display:inline-flex;align-items:center;justify-content:center;width:100%;height:34px;background:#F9FAFB;border-top:solid 1px #F4F5F7;border-bottom:solid 1px #F4F5F7;padding:0 2px}
.actHistoryTable th:first-child .thArea{border-left:solid 1px #F4F5F7;border-radius:6px 0 0 6px}
.actHistoryTable th:last-child .thArea{border-right:solid 1px #F4F5F7;border-radius:0 6px 6px 0}
.actHistoryTable th.thWeek{width:10%;word-break:normal}
.actHistoryTable th.thPreach{width:10%;word-break:normal;width:20%}
.actHistoryTable th.thPreach .thArea{padding-right:15px;text-align:right;justify-content:flex-end}
.actHistoryTable td{height:34px;font-size:13px;border-bottom:solid 1px #F1F2F5;text-align:center;padding:3px 0}
.actHistoryTable td.tdWeek{color:#7D7F88}
.actHistoryTable td.tdPreach{text-align:right;padding-right:15px;font-weight:bold}
.actHistoryTable tr:last-child td{border-bottom:none}

.calTodayWrap{background:#FEE383;border-top:solid 1px #F8D556;border-bottom:solid 1px #F8D556;text-align:center;padding:13px 0;margin:-3px 0 0 0}
.calTodayIn{clear:both;display:inline-block;margin-top:10px}
.calTodayWrap .tit{font-size:14px;color:#333;text-align:left;padding:0 15px;float:left;width:100%;font-family:AppleSDGothicNeo-Regular}
.calTodayWrap .sheepImg img{height:60px;margin:0 5px 0 0}
.calTodayWrap .sheepTit{display:inline-block;height:26px;line-height:24px;background:#D6A51D;color:#fff;font-size:15px;padding:0 10px;border-radius:13px;margin:0 0}
.calTodayWrap .markImg img{width:35px;margin:0 5px 0 8px}
.calTodayWrap .markTit{display:inline-block;height:26px;line-height:24px;background:#D6A51D;color:#fff;font-size:15px;padding:0 10px;border-radius:13px;margin:0 0}
.calTodayWrap .memoImg{width:50px;margin:0 5px 0 8px}
.calTodayWrap .memoTit{display:inline-block;height:26px;line-height:24px;background:#D6A51D;color:#fff;font-size:15px;padding:0 10px;border-radius:13px;margin:0 0}

.calGoalWrap{background:#e8f2fc;border-top:solid 1px #d9e3ed;border-bottom:solid 1px #d9e3ed;text-align:center;margin:-3px 0 0 0}
.calGoalWrap .tit{font-size:14px;color:#333;text-align:left;padding:0 15px;float:left;width:100%;font-family:AppleSDGothicNeo-Regular}
.calGoalIn{width:100%;clear:both;display:inline-block}
.calGoalWrap .levelImg img{height:60px;margin:0 5px 0 0}
.levelTree img{height:200px}
.levelTree .arrow{border:solid #ccc;border-width:0 3px 3px 0;display:inline-block;padding:12px;width:15px;height:15px;opacity:0.4}
.levelTree .arrow-prev{left:20px;position:absolute;top:50%;transform:translateY(-50%) rotate(135deg)}
.levelTree .arrow-next{right:20px;position:absolute;top:50%;transform:translateY(-50%) rotate(-45deg)}
.levelTree .carousel-inner>.item{padding:10px 0;min-height:200px}
.levelTree .carousel-inner>.item.season2{padding:10px 0;background:linear-gradient(180deg, #CDEDFC 80%, #BADEF2 20%)}
.levelTree .carousel-inner>.item.season3{padding:10px 0;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_goal3@2x.jpg) 50% 50% no-repeat;background-size:100% 100%}
.levelTree .carousel-inner>.item.season4{padding:10px 0;background:url(../images/season/season4_bg@2x.png) 50% 50% no-repeat;background-size:100% 100%}
.levelTree .carousel-inner>.item.season4End{padding:10px 0;background:url(../images/season/season4_bg_07@2x.png) 50% 50% no-repeat;background-size:100% 100%}

.levelTree .carousel-inner>.item.itemIng{height:220px;background:#f9fafc url(/images/ico_prepare@2x.png) 50% 55px no-repeat;background-size:140px auto;padding:140px 0 10px 0;color:#427ff3;font-size:16px;font-weight:bold;text-align:center;letter-spacing:-0.5px;border-top:solid 1px rgba(0,0,0,0.05)}
.activityWrap .levelTree .carousel-inner>.item.itemIng{height:180px;background-position:50% 55px;background-size:140px auto}
.contentsIn{height:450px !important}
.dhx_cal_container{height:450px !important}
.dhx_cal_navline{text-align:center;padding:15px 0 0 0}
.dhx_cal_navline div{font-size:12px}
.dhx_cal_navline .dhx_cal_date{width:100%;color:#555;position:initial;vertical-align:middle;text-align:center;margin:0 0 3px 0}
.dhx_cal_date, .dhx_cal_next_button, .dhx_cal_prev_button, .dhx_cal_tab, .dhx_cal_today_button{display:inline-block}
.dhx_cal_next_button, .dhx_cal_prev_button{position:absolute;top:18px !important;left:50%;width:26px;height:26px;border:solid 1px #D8D8D8;border-radius:50%;vertical-align:middle}
.dhx_cal_prev_button{margin:0 0 0 -78px;background:url(../images/schedule/ico_prev_sche.png) 40% 50% no-repeat;background-size:auto 13px}
.dhx_cal_next_button{margin:0 0 0 48px;background:url(../images/schedule/ico_next_sche.png) 60% 50% no-repeat;background-size:auto 13px}
.dhx_cal_today_button{top:15px !important;right:15px;width:auto;border:solid 1px #D8D8D8;border-radius:15px;font-weight:lighter;color:#555;font-size:14px;padding:0 12px}
.dhx_cal_header{border-top:none;border-right:none}
.dhx_scale_bar{font-size:10px;letter-spacing:-0.5px;border-left:none}
.dhx_month_head{border-right:none;font-size:13px;color:#555;text-align:left;background:transparent;padding:0 0 0 5px}
td:nth-child(1) .dhx_month_head{color:#FD4224}
td:nth-child(7) .dhx_month_head{color:#1D92FF}
.dhx_before .dhx_month_head{color:#bbb !important}
.dhx_after .dhx_month_head{color:#bbb !important}
.dhx_month_body{border-right:none;border-bottom:solid 1px #E8E8E8}
.dhx_now .dhx_month_head{/*border:solid 1px #1D92FF;border-bottom:none;*/box-shadow:-1px 1px 0 #1D92FF inset, 1px 1px 0 #1D92FF inset;background:transparent}
.dhx_now .dhx_month_body{/*border:solid 1px #1D92FF;border-top:none;*/box-shadow:-1px -1px 0 #1D92FF inset, 1px -1px 0 #1D92FF inset;background:transparent}
.dhx_cal_data{border-top:solid 1px #E8E8E8;overflow-y:hidden}
.dhx_cal_data td{/*height:70px;*/position:relative}
.dhx_cal_event_line{position:relative;height:80px;background:transparent;margin:-20px 0 0 0;padding:0;overflow:initial}
.cal_act{width:100%;height:35px;text-align:center;margin:24px 0 0 0}
.cal_act img{height:28px}
.cal_walk{background:url(../images/schedule/bg_cal_walk_s.gif) 0 15px repeat-x}
.cal_run{background:url(../images/schedule/bg_cal_run_s.gif) 0 15px repeat-x}
.cal_jump{background:url(../images/schedule/bg_cal_jump_s.gif) 0 15px repeat-x}
.cal_fly{background:url(../images/schedule/bg_cal_fly_s.gif) 0 15px repeat-x}
.dhx_cal_event_line:hover .cal_walk{background:url(../images/schedule/bg_cal_walk_s.gif) 0 15px repeat-x}
.dhx_cal_event_line:hover .cal_run{background:url(../images/schedule/bg_cal_run_s.gif) 0 15px repeat-x}
.dhx_cal_event_line:hover .cal_jump{background:url(../images/schedule/bg_cal_jump_s.gif) 0 15px repeat-x}
.dhx_cal_event_line:hover .cal_fly {background:url(../images/schedule/bg_cal_fly_s.gif) 0 15px repeat-x}
.iconTop{position:absolute;display:flex;left:20px}
.cal_ico{position:absolute;width:100%;height:100%}
.cal_conn{background:url(../images/schedule/ico_cal_conn@2x.png) no-repeat;background-size:13px auto;width:16px;height:17px;display:inline-block}
.cal_fruit{background:url(../images/schedule/ico_cal_fruit@2x.png) no-repeat;background-size:13px auto;width:16px;height:17px}
.cal_memo{background:url(../images/schedule/ico_cal_daymemo@2x.png) no-repeat;background-size:13px auto;height:17px;width:15px;display:inline-block}
/* .dhx_cal_event_line:hover .cal_conn{background:url(../images/ico_conn.png) right 50% no-repeat;background-size:13px auto} */
.dhx_cal_event_line:hover .cal_fruit{background:url(../images/ico_fruit.png) right 50% no-repeat;background-size:17px auto}
.cal_text{color:#fff;text-align:center;background:#9E9E9E}
.topIcon{}

.analCalWrap .contentsIn{height:350px !important}
.analCalWrap .dhx_cal_container{height:350px !important}
.analCalWrap .dhx_month_head{height:18px}

.dhx_cal_cover{z-index:1000}
.custom_form{display:none;position:absolute;top:100x !important;z-index:1002;width:100%;padding:0 10px;left:0 !important}
.custom_form .customIn{max-width:500px;background:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,0.3);margin:0 auto;padding:0 0 35px 0}
.custom_form .title{height:52px;position:relative}
.custom_form .title h3{line-height:52px;font-size:16px;color:#333;text-align:center}
.custom_form .title .btnClose{position:absolute;top:0;right:0;width:52px;height:52px;background:url(../images/ico_cal_close.png) 50% 50% no-repeat;background-size:18px auto}
.custom_form .actBox{position:relative;height:192px;background:#fee383;border-top:solid 1px #f8d556;border-bottom:solid 1px #f8d556;text-align:center;padding:20px 0}
.custom_form .actBox h4{position:absolute;top:20px;left:15px;font-size:14px;color:#666}
.custom_form .actBox .actImg{height:150px;padding:0 0 0 10px}
.custom_form .actBox .actTit{display:inline-block;height:26px;line-height:24px;color:#fff;background:#d6a51d;border-radius:13px;padding:0 10px;margin:0 0 0 10px}
.custom_form .connBox{display:table;width:100%;margin:18px 0 0 0}
.custom_form .connBox h4{display:table-cell;width:90px;font-size:14px;color:#666;padding:0 0 10px 15px}
.custom_form .connBox .connMsg{display:table-cell;padding:0 15px 0 0}
.custom_form .connBox .connMsg ul{padding:0}
.custom_form .connBox .connMsg li{font-size:14px;color:#777;line-height:1.4;letter-spacing:-1px;background:url(../images/ico_dot_sch.png) 0 6px no-repeat;background-size:4px auto;padding:0 0 0 8px}
.custom_form .connBox .connMsg li .point{color:#fa5155}
.custom_form .icoBox{padding:0}
.custom_form .icoBox dl{text-align:center;display:flex;gap:50px;justify-content:center}
.custom_form .icoBox dd{display:inline-block;width:85px;text-align:center}
.custom_form .icoBox dd .markIco{width:80px;height:80px;border:solid 1px #e8e8e8;border-radius:50%;margin:0 auto}
.custom_form .icoBox dd .markMsg{padding:10px 0 0 0;font-weight:lighter;color:#666}
.custom_form .icoBox dd .connState.on .markMsg{color:#09c14b}
.custom_form .icoBox dd .connState.on .markMsg:before{display:inline-block;content:"";width:14px;height:9px;background:url(../images/ico_conn_check.png) 50% 50% no-repeat;background-size:auto 9px;margin:0 2px 0 0}
.custom_form .icoBox dd .checkBaptism .markIco{background:#f7f7f7 url(../images/ico_baptism_off.png) 50% 45% no-repeat}
.custom_form .icoBox dd .checkBaptism.on .markIco{background:#fff url(../images/ico_baptism_on.png) 50% 45% no-repeat}
.custom_form .icoBox dd .checkBaptism.on .markMsg{color:#3592ff}
.custom_form .icoBox dd .checkBaptism.on .markMsg:before{display:inline-block;content:"";width:14px;height:9px;background:url(../images/ico_baptism_check.png) 50% 50% no-repeat;background-size:auto 9px;margin:0 2px 0 0}
.custom_form .icoBox dd .connState .markIco{background:#f7f7f7 url(../images/icon_conn_off.png) 50% 50% no-repeat;border:1px solid #e8e8e8;background-size:55px}
.custom_form .icoBox dd .connState.on .markIco{background:#d7ea85 url(../images/icon_conn.png) 50% 50% no-repeat;background-size:55px}
.custom_form .icoBox dd .connState span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#999999}
.custom_form .icoBox dd .connState.on span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#3bb72d}
.custom_form .icoBox dd .preachState .markIco{background:#f7f7f7 url(../images/icon_disconnPreach_off.png) 50% 50% no-repeat;border:1px solid #e8e8e8;background-size:55px}
.custom_form .icoBox dd .preachState.on .markIco{background:#bbe2ff url(../images/icon_disconnPreach.png) 50% 50% no-repeat;background-size:55px}
.custom_form .icoBox dd .preachState span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#999999}
.custom_form .icoBox dd .preachState.on span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#3f87ff}
.custom_form .icoBox dd .simpleState .markIco{background:#f7f7f7 url(../images/icon_disconnSimple_off.png) 50% 50% no-repeat;border:1px solid #e8e8e8;background-size:55px}
.custom_form .icoBox dd .simpleState.on .markIco{background:#e2cdf7 url(../images/icon_disconnSimple.png) 50% 50% no-repeat;background-size:55px}
.custom_form .icoBox dd .simpleState span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#999999}
.custom_form .icoBox dd .simpleState.on span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#ca2ef9}
.custom_form .icoBox dd label{display:block;cursor:pointer}
.custom_form .icoBox dd input{display:none}
.custom_form .btnArea{text-align:right;padding:0 10px;position:relative;top:20px}
.custom_form .btnConnList{height:27px;line-height:25px;font-size:12px;color:#BDBDBD;border:solid 1px #D8D8D8;border-radius:2px;background:#fff;padding:0 10px;cursor:default}
.custom_form .btnConnList:after{display:inline-block;content:"";width:7px;height:12px;background:url(../images/ico_arrow_cal.png) 0 0 no-repeat;background-size:8px auto;vertical-align:middle;margin:0 0 3px 5px}
.custom_form .btnConnList.on{color:#555;border:solid 1px #aaa;cursor:pointer}
.custom_form .btnConnList.on:after{background:url(../images/ico_arrow_cal_on.png) 0 0 no-repeat;background-size:8px auto}
.custom_form .icoBox dd .lmsState.on .lmsIco{background:#f7f7f7 url(../images/ico_edu_state@3x.png) 50% 50% no-repeat; background-size:55px;border:1px solid #e8e8e8}
.custom_form .icoBox dd .lmsState .lmsIco{background:#f7f7f7 url(../images/ico_edu_state@3x.png) 50% 50% no-repeat; background-size:55px;border:1px solid #e8e8e8}
.custom_form .icoBox dd .sub50State.on .sub50Ico{background:#f7f7f7 url(../images/ico_edu_input@3x.png) 50% 50% no-repeat; background-size:55px;border:1px solid #e8e8e8}
.custom_form .icoBox dd .sub50State .sub50Ico{background:#f7f7f7 url(../images/ico_edu_input@3x.png) 50% 50% no-repeat; background-size:55px;border:1px solid #e8e8e8}
.custom_form .icoBox dd .edubookState.on .edubookIco{background:#f7f7f7 url(../images/ico_edu_exam@3x.png) 50% 50% no-repeat; background-size:55px;border:1px solid #e8e8e8}
.custom_form .icoBox dd .edubookState .edubookIco{background:#f7f7f7 url(../images/ico_edu_exam@3x.png) 50% 50% no-repeat; background-size:55px;border:1px solid #e8e8e8}
.custom_form .icoBox dd .lmsIco{width:80px;height:80px;margin:0 auto;border-radius:50%}
.custom_form .icoBox dd .sub50Ico{width:80px;height:80px;margin:0 auto;border-radius:50%}
.custom_form .icoBox dd .edubookIco{width:80px;height:80px;margin:0 auto;border-radius:50%}
.custom_form .icoBox dd .lmsState.on span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#60a7ff}
.custom_form .icoBox dd .sub50State.on span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#60a7ff}
.custom_form .icoBox dd .edubookState.on span{font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#60a7ff}
.custom_form .icoBox dd .lmsState span {font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#999999}
.custom_form .icoBox dd .sub50State span {font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#999999}
.custom_form .icoBox dd .edubookState span {font-family:AppleSDGothicNeo;font-size:22px;font-weight:bold;text-align:center;color:#999999}

.unReportPop{display:none;position:absolute;top:110px !important;z-index:1002;width:100%;padding:0px 10px 20px;left:0 !important}
.unReportPop .customIn{max-width:500px;background:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,0.3);margin:0 auto;padding:0 0 10px 0}
.unReportPop .title{height:35px;position:relative;padding:7px 10px}
.unReportPop .title h3{line-height:25px;font-size:14px;font-weight:bold;letter-spacing:-1.5px}
.unReportPop .title .btnClose{position:absolute;top:0;right:0;width:35px;height:35px;background:url(../images/ico_close_modal.png) 50% 50% no-repeat;background-size:18px auto}
.unReportPop .connBox{display:table;width:100%;padding:0 10px}
.unReportPop .connBox h4{display:table-cell;width:90px;font-size:14px;color:#666;padding:0 0 0 15px}
.unReportPop .btnArea{text-align:right;padding:10px 20px 0}
.unReportPop .btnConnList{height:27px;line-height:25px;font-size:12px;color:#BDBDBD;border:solid 1px #D8D8D8;border-radius:2px;background:#fff;padding:0 10px;cursor:default}
.unReportPop .btnConnList:after{display:inline-block;content:"";width:7px;height:12px;background:url(../images/ico_arrow_cal.png) 0 0 no-repeat;background-size:8px auto;vertical-align:middle;margin:0 0 3px 5px}
.unReportPop .btnConnList.on{color:#555;border:solid 1px #aaa;cursor:pointer}
.unReportPop .btnConnList.on:after{background:url(../images/ico_arrow_cal_on.png) 0 0 no-repeat;background-size:8px auto}
.unReportPop .listTable{width:100%;border-top:1px solid #aaa;table-layout:fixed}
.unReportPop .listTable th{height:22px;color:#999;font-size:12px;border-bottom:1px solid #e8e8e8;text-align:center;width:45px;background-color:#fbfbfc;font-size:12px;font-weight:inherit;letter-spacing:normal;color:#999999}
.unReportPop .listTable th.name{width:70px}
.unReportPop .listTable td{height:auto;border-bottom:1px solid #e8e8e8;cursor:pointer;padding:0 3px;width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:NanumGothic;font-size:13px;text-align:center;color:#555555;font-weight:normal}
.unReportPop .listTable .num{font-size:12px;width:20px}
.unReportPop .listTable td em{color:#A6A6A6}
.unReportPop .listTable th.subject{width:80px}
.unReportPop .listTable th.subject{text-align:center}
.unReportPop .listTable td.subject{/* text-align:left; */color:#333;letter-spacing:-1px;width:120px;font-family:NanumGothic;font-size:11px;font-weight:normal;line-height:1;letter-spacing:normal;color:#555555;padding:6px}
.unReportPop .listTable td.subject p{padding:0 0 3px 0;margin:0;text-align:left}
.unReportPop .listTable td.subject p.date{color:#888}
.unReportPop .listTable td.subject p.subjectP{font-weight:bold}
.unReportPop .listTable td.date{font-family:NanumGothic;font-size:13px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:3.15;letter-spacing:normal;color:#555555}
.unReportPop .listTable td.name{font-weight:bold;color:#3574ff}
.unReportPop .listTable td.target{font-weight:bold;color:#333}
.unReportPop .listTable .target{text-align:left;width:100px;padding-left:5px}
.unReportPop .listTable .result{width:60px}
.unReportPop .listTable td.result{vertical-align:sub}
.unReportPop .item{padding:10px;text-align:center}
.unReportPop .popImg{background:url(/images/icon_docu@2x.png) 0 0 no-repeat;background-size:45px;width:45px;height:45px;display:inline-block;margin-left:13px}
.unReportPop .noticeImg{background:url(/images/ico-warn-m.png) 0 0 no-repeat;background-size:45px;width:45px;height:45px;display:inline-block;margin-bottom:10px}
.unReportPop .item .in{display:block;vertical-align:middle;position:relative;top:0} */
.unReportPop img{margin:0 45px 10px;width:25px}
.unReportPop h5{margin:5px 0 5px 0;font-size:18px;font-weight:600;text-align:center;color:#555555}
.unReportPop .btnResultList{min-width:90px;line-height:35px;color:#fff;font-size:14px;background:#3574FF;border-radius:2px;padding:5px 20px;margin:2px 2px}

/* .uk-modal-dialog{padding:20px 10px 10px 10px} */
/* .uk-button{max-width:160px;width:40%;height:40px;line-height:40px;font-size:12px;background:#F7F7F7;border-radius:0;border:solid 1px #ccc;padding:0 5px} */
/* .uk-button:focus, .uk-button:hover{background:#F7F7F7} */
/* .uk-button-primary{max-width:160px;width:40%;height:40px;line-height:1.1;font-size:12px;background:#3574FF;border-radius:0;border:none;padding:3px 5px 3px 5px;position:relative} */
/* .uk-button-primary:focus, .uk-button-primary:hover{background:#3574FF} */
/* .uk-button-primary:before{display:inline-block;content:"";width:18px;height:15px;background:url(../images/ico_check_agree.png) 50% 50% no-repeat;background-size:17px auto;margin:0 5px 0 0} */
/* .uk-modal-content{text-align:center;margin:10px 0 0 0} */
/* .uk-modal-footer{text-align:center !important;background:#fff;border:none;margin:0} */

/*uk-modal(alert)*/
.uk-modal{display:flex;align-items:center;top:0;background:rgba(0,0,0,.3)}
.uk-modal-dialog{width:100%;border-radius:12px;background:#fff url(/images/ico_alert_g@2x.png) 50% 30px no-repeat;background-size:50px auto;padding:95px 30px 5px 30px;margin:0 25px}
.uk-modal-content{font-size:17px;color:#222;font-weight:600;letter-spacing:-0.5px;text-align:center;margin-bottom:0}
.uk-modal-footer{display:flex;justify-content:center;gap:7px;background:transparent;border-top:none;margin:0;padding:20px 20px 20px 20px}
.uk-modal-footer button{flex:1;display:flex;align-items:center;justify-content:center;max-width:135px;height:45px;border-radius:8px;font-size:17px;font-weight:500;line-height:inherit;text-shadow:none}
.uk-button{background:#ebebeb;border:none;color:#333;padding:0 5px}
.uk-button:focus, .uk-button:hover{background:#ebebeb;color:#333;}
.uk-button-primary{color:#fff;background:#376DEB}
.uk-button-primary:focus, .uk-button-primary:hover{background:#376DEB;color:#fff;}
.uk-button-primary:before{display:none}

@media only screen and (min-width:700px){
.uk-modal-dialog{max-width:600px;background-position:50% 40px;padding:100px 30px 20px 30px;margin:0 auto}
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;left:0px;width:100%;}
}

@media (min-width:768px){
/* h1, h2, h3, h4, h5, h6{font-family:'malgun gothic'} */
.header .topArea h1{font-family:'malgun gothic'}
.header .topArea .stateFruit{font-family:'malgun gothic';font-weight:bold}
.header .topArea .stateConn{font-family:'malgun gothic';font-weight:bold}
.header .topArea .dropdown-menu{right:0}

#markModal h4{font-family:'malgun gothic'}
#markModal .modal-dialog{width:auto}
.header .nav li{font-family:'malgun gothic'}

.listTable td.subject{font-family:'malgun gothic';font-weight:bold}
.listTable td.subject .act{font-family:'malgun gothic'}

#gridbox .objbox td .tit{font-family:'malgun gothic';font-weight:bold}

.btnArea.marBot{margin:0 0 30px 0}

.btnSave{font-family:'malgun gothic';font-weight:bold}
.multiselect-container>li.multiselect-group a b{font-family:'malgun gothic';font-weight:bold}

.promiseWrap .head h3{font-family:'malgun gothic';font-weight:bold}

.todayTable td{font-family:'malgun gothic'}
.modal h4{font-family:'malgun gothic';font-weight:bold}

.addText{font-family:'malgun gothic'}
.controls{font-family:'malgun gothic'}

.addLayer .section table th{font-family:OpenSans, Helvetica, 'malgun gothic'}
}
@media (min-width:1260px){
.listTab .searchView{display:block}
}
@media (max-height:780px){
.cal_ico{background-size:13px auto}
/* .cal_act{margin:24px 0 0 0} */
/* .cal_act img{height:28px} */
.cal_walk{background:url(../images/schedule/bg_cal_walk_s.gif) 0 15px repeat-x}
.cal_run{background:url(../images/schedule/bg_cal_run_s.gif) 0 15px repeat-x}
.cal_jump{background:url(../images/schedule/bg_cal_jump_s.gif) 0 15px repeat-x}
.dhx_cal_event_line{height:43px}
}
@media (max-width:400px){
/* .contentsIn{height:400px !important} */
/* .dhx_cal_container{height:400px !important} */
.calTodayIn{margin:0;display:block}
}
@media (max-width:320px){
.header .nav ul{padding:0}
}

/* .inputRadio{display:none} */
/* .inputRadio + label{font-weight:lighter;background:url(../images/ico_radio.png) 0 2px no-repeat;margin-right:15px;cursor:pointer} */
/* .inputRadio:checked + label{color:#395fd7;background:url(../images/ico_radio_on.png) 0 2px no-repeat} */

.inputRadio{display:none}
.inputRadio + label{height:28px;line-height:26px;color:#999;font-size:13px;background:#fff;border:solid 1px #D8D8D8;padding:0 10px;border-radius:30px;margin:2px 1px;cursor:pointer}
.inputRadio.mini + label{padding:0 5px}
.inputRadio:checked + label{border:solid 1px #266AD0;color:#266AD0}

.inputRadio2{display:none}
.inputRadio2 + label{height:27px;line-height:27px;color:#3574ff;background:#fff;border:solid 1px #3574ff;padding:0 10px;border-radius:5px;margin:2px 1px;cursor:pointer;width:47%;text-align:center;font-family:NanumGothic;font-size:13px;font-weight:600;letter-spacing:-0.1px}
.inputRadio2:checked + label{height:27px;line-height:27px;color:#FFFFFF;background-color:#3574ff}
.inputRadio2.left + label{border-radius:5px 0px 0px 5px}
.inputRadio2.right + label{border-radius:0 5px 5px 0;margin-left:-5px}
.inputRadio2 + label em{color:#3574ff;font-size:12px}
.inputRadio2:checked + label em{color:#FFF;font-size:12px}

.goalWrap{padding:15px}
.goalWrap .stateBox{display:inline-block;border:solid 1px #333;border-radius:3px;padding:5px 10px}
.goalWrap .stateBox h3{font-size:14px;color:#266ad0;font-weight:bold;margin:0 0 5px 0}
.goalWrap .stateTable{}
.goalWrap .stateTable th{font-size:12px;text-align:center;border-left:solid 1px #ccc;padding:0 3px}
.goalWrap .stateTable td{font-size:12px;color:#4575f6;text-align:center;border-left:solid 1px #ccc;padding:0 3px}
.goalWrap .stateTable th:first-child,
.goalWrap .stateTable td:first-child{border-left:none}
.goalWrap .stateGraphTop{margin:10px 0 0 0}
.goalWrap .stateGraphTop .inputText{font-size:13px;padding:5px}
.goalWrap .stateGraphTop .inputSelect{height:30px}

.stateLowBox{display:table;width:100%;margin:10px 0 0 0}
.stateLowCell{display:table-cell;text-align:center}
.goalWrap .stateGraph{margin:10px 0 0 0}

.analWrap{position:relative}
.analWrap .branchWrap{padding:5px 7px}
.analWrap .branchWrap .inputSelect{background:#fafafa;color:#e74c3c;border-color:#e74c3c}
.analWrap .analTopArea{display:table;width:100%;padding:0 0 3px 0;border-bottom:solid 1px #bfbfbf}
.analWrap .btnGroupTop{padding:7px 0 0 10px}
.analWrap .btnGroupTop h3{line-height:30px;font-size:15px;font-weight:bold;color:#333;margin:0}
.analWrap .btnGroupTop button{min-width:35px;height:30px;line-height:30px;background:#f8f8f8;border:solid 1px #d8d8d8;font-size:12px;color:#999;font-weight:bold;letter-spacing:-0.5px;padding:0 3px;margin:0 -3px}
.analWrap .btnGroupTop button.on{background:#fff;border:solid 1px #3574ff;color:#266ad0;position:relative}
.analWrap .btnPastorTop{padding:0 0 0 10px;background:#f8f8f8;border-top:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8}
.analWrap .btnPastorTop h3{line-height:35px;font-size:15px;font-weight:bold;color:#333;margin:0}
.analWrap .tabKind{float:left;padding:7px 7px 0 0}
.analWrap .tabKind li{display:inline-block;margin:0 10px}
.analWrap .tabKind li a{display:block;min-width:28px;font-size:11px;font-weight:bold;color:#777;text-align:center;padding:21px 2px 0 2px}
.analWrap .tabKind li a:hover{text-decoration:none}
.analWrap .tabKind li a:focus{outline:none;text-decoration:none}
.analWrap .tabKind li.ui-tabs-active a{color:#3574ff;font-weight:bold}
.btnKindList a{background:url(/images/ico_anal_tab1@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindList.ui-tabs-active a{background:url(/images/ico_anal_tab1_on@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindChart a{background:url(/images/ico_anal_tab2@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindChart.ui-tabs-active a{background:url(/images/ico_anal_tab2_on@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindCal a{background:url(/images/ico_anal_tab3@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindCal.ui-tabs-active a{background:url(/images/ico_anal_tab3_on@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindStudy a{background:url(/images/ico_study_tab4_off@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindStudy.ui-tabs-active a{background:url(/images/ico_study_tab4_on@2x.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindFesta a{background:url(/images/icon_festival_off.png) 50% 0 no-repeat;background-size:17px auto}
.btnKindFesta.ui-tabs-active a{background:url(/images/icon_festival_on.png) 50% 0 no-repeat;background-size:17px auto}
.btnText40{font-size:16px;position:relative;top:-1px}
.btnText401{position:relative;top:1px}
.btnText402{position:relative;top:2px}
.ui-state-focus{background:transparent;border:none}

.analWrap .dateSet{display:none;border-bottom:solid 1px #e8e8e8;padding:7px 10px}
.analWrap .dateSet .btnPeriod{min-width:50px;height:30px;line-height:30px;background:#3574ff;color:#fff;font-size:13px;padding:0 5px;border-radius:2px;padding:0 5px}

.inputCal{width:106px;height:30px;line-height:30px !important;border:solid 1px #d8d8d8;border-radius:2px;font-size:13px;color:#000;background:transparent;vertical-align:middle;letter-spacing:-0.7px;position:relative;z-index:1;cursor:pointer;padding:0 3px;appearance:none}
/* .inputCal + .icoCal{display:inline-block;width:36px;height:29px;background:#f8f8f8 url(/images/ico_cal@2x.png) 50% 50% no-repeat;background-size:14px auto;border-left:solid 1px #d8d8d8;vertical-align:middle;position:relative;margin:0 0 0 -36px;z-index:0} */

.analBody .datepicker-dropdown{width:215px}
.analBody .dhx_cal_event_line{height:40px;/* margin-left:25px; */}

.analWrap .contKind{display:table;width:100%}

.analWrap .tabGridWrap{height:44px;padding:0 10px;border-bottom:solid 1px #d8d8d8}
.analWrap .tabGrid{display:table;width:auto;padding:0}
.analWrap .tabGrid li{display:table-cell;/* width:33.3%; */font-weight:bold;padding:0 20px 0 0}
.analWrap .tabGrid li a{display:block;text-align:left;font-size:14px;letter-spacing:-0.5px;padding:15px 0 10px 0}
.analWrap .tabGrid li a:hover{color:#3574ff;text-decoration:none}
.analWrap .tabGrid li a:focus{outline:none;text-decoration:none}
.analWrap .tabGrid li em{display:inline-block;color:#3574ff;font-weight:bold;padding:0 0 0 5px}
.analWrap .tabGrid li.ui-tabs-active{color:#3574ff}
.analWrap .tabGrid li.ui-tabs-active a{color:#3574ff;font-weight:bold;border-bottom:solid 3px #3574ff}
.analWrap .tabGrid li.ui-tabs-active em{color:#3574ff}
.analWrap .contGrid{}
.analWrap .contGrid ul{padding:0}

.connNList{}
.connNList li{display:table;width:100%;border-bottom:solid 1px #e8e8e8;font-size:13px;color:#666;padding:7px 10px 7px 0}
.connNList li .cellNum{display:inline-block;width:30px;text-align:center;font-size:12px;color:#999}
.connNList li .cellPerson{display:inline-block}
.connNList li .cellWorker{display:inline-block;padding:0 0 0 30px}
.connNList li .cellTool{float:right;display:inline-block;font-size:12px}
.connNList li .name{font-size:16px;color:#333;font-weight:bold}
.connNList li .kind{color:#06c272;font-weight:bold}
.connNList li .bar{color:#e8e8e8}
.connNList li .cellTime{float:right;display:inline-block;font-size:12px}

.connStdList{}
.connStdList li{display:table;width:100%;border-bottom:solid 1px #e8e8e8;font-size:14px;color:#666;padding:7px 10px 7px 0}
.connStdList li .cellNum{display:inline-block;width:30px;text-align:center;font-size:12px;color:#999}
.connStdList li .cellPerson{display:inline-block}
.connStdList li .cellRate{float:right;display:inline-block;font-size:12px;color:#3574ff;font-weight:bold}
.connStdList li .cellWorker{display:inline-block;padding:0 0 0 30px}
.connStdList li .cellTime{float:right;display:inline-block;font-size:12px}
.connStdList li .cellStudy{display:inline-block;padding:5px 0 0 30px}
.connStdList li .name{font-size:16px;color:#333;font-weight:bold}
.connStdList li .kind{color:#06c272;font-weight:bold}
.connStdList li .sbj{color:#2949c6;font-size:13px;background:url(/images/ico_book@2x.png) 0 3px no-repeat;background-size:13px auto;padding:0 0 0 20px;margin:0}

.analWrap .workerTop{padding:7px 7px 7px 13px}
.analWrap .workerTop button{min-width:33.4%;height:30px;line-height:28px;border:solid 1px #d8d8d8;background:#fff;font-size:12px;font-weight:bold;color:#333;letter-spacing:-0.5px;padding:0 3px;margin:-1px 0 0 -5px}
.analWrap .workerTop button.lgroup{margin:-1px 0 0 -1px}
.analWrap .workerTop button.on{color:#3574ff;border:solid 1px #3574ff;position:relative}
.analWrap .workerTop button:hover{color:#3574ff}
.analWrap .workerTop button.long{min-width:49.8%}
.analWrap .workerTop button.lgroup .conn{color:#3574ff;font-size:12px}
.analWrap .workerTop button.lgroup .notConn{color:#888;font-size:12px}
.analWrap .connYN{padding:7px 7px 0 7px;font-size:14px;font-weight:bold;color:#333}
.analWrap .connYN em{color:#4575f6;font-weight:bold}

.workerTable{width:100%;border-top:solid 1px #bfbfbf}
.workerTable th{min-width:25px;height:30px;line-height:1.1;background:#f7f7f7;border-bottom:solid 1px #e8e8e8;font-size:11px;color:#999;text-align:center;word-break:break-word}
.workerTable th.num{min-width:30px}
.workerTable th.age{min-width:35px}
.workerTable th.area{min-width:40px}
.workerTable th.not{min-width:40px}
.workerTable td{height:30px;border-bottom:solid 1px #e8e8e8;text-align:center;font-size:13px;color:#888}
.workerTable td .o{display:inline-block;width:10px;height:10px;background:url(/images/ico_o@2x.png) 0 0 no-repeat;background-size:10px auto}
.workerTable td .x{display:inline-block;width:10px;height:10px;background:url(/images/ico_x@2x.png) 0 0 no-repeat;background-size:10px auto}
.workerTable td.num{font-size:12px}
.workerTable .name{text-align:left}
.workerTable td.name{font-size:13px;color:#333;font-weight:bold;word-break:break-word}
.workerTable .age{text-align:left;padding-left:5px}
.workerTable td.age{color:#06c272;font-size:12px}
.workerTable td.conn{color:#3574ff}
.workerTable th:last-child{min-width:30px}
.workerTable td:last-child{padding-right:10px}

.analWrap .tabStatsWrap{height:44px;padding:0 10px;border-bottom:solid 1px #d8d8d8}
.analWrap .tabStats{display:table;width:auto;padding:0}
.analWrap .tabStats li{display:table-cell;/* width:33.3%; */font-weight:bold;padding:0 20px 0 0}
.analWrap .tabStats li a{display:block;text-align:left;font-size:14px;letter-spacing:-0.5px;padding:15px 0 10px 0}
.analWrap .tabStats li a:hover{color:#3574ff;text-decoration:none}
.analWrap .tabStats li a:focus{outline:none;text-decoration:none}
.analWrap .tabStats li em{display:inline-block;color:#3574ff;font-weight:bold;padding:0 0 0 5px}
.analWrap .tabStats li.ui-tabs-active{color:#3574ff}
.analWrap .tabStats li.ui-tabs-active a{color:#3574ff;font-weight:bold;border-bottom:solid 3px #3574ff}
.analWrap .tabStats li.ui-tabs-active em{color:#3574ff}
.analWrap .contStats{}
.analWrap .contStats ul{padding:0}

.contStats .statsBox{margin:10px 0 30px}
.contStats .statsBox h3{font-size:15px;color:#333;font-weight:bold;color:#2161ef;padding:0 0 5px 10px}
.contStats .statsBox h3:before{display:inline-block;content:"";width:8px;height:8px;background:url(/images/ico_h@2x.png) 0 0 no-repeat;background-size:8px auto;vertical-align:middle;margin:0 4px 4px 0}
.contStats .statsBox h4{font-size:13px;color:#555;padding:0 5px 5px 10px;text-align:right;margin-top:-10px}
.contStats .statsBox h4 .point{color:#266ad0}
.contStats .statsBox .chartBox{height:300px}

.connTable{width:100%;border-top:solid 1px #bfbfbf}
.connTable th{min-width:25px;height:30px;line-height:1.1;background:#f7f7f7;border-bottom:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;font-size:11px;color:#999;text-align:center;word-break:break-word}
.connTable th.group{text-align:left;border-right:solid 1px #bfbfbf;padding:0 0 0 15px}
.connTable th.tit{color:#000;font-size:13px}
.connTable th:last-child{border-right:none}
.connTable td{height:30px;border-bottom:solid 1px #e8e8e8;border-right:solid 1px #e8e8e8;text-align:center;font-size:13px;color:#000}
.connTable td.group{border-right:solid 1px #bfbfbf;font-weight:bold;text-align:left;;padding:0 0 0 15px}
.connTable .total td{color:#3474ff}
.connTable .rLine{border-right:solid 1px #bfbfbf}
.connTable .sum{color:#3474ff}
.connTable .totalsum{color:#ef2158}

.acaTable{width:100%;border-top:solid 1px #bfbfbf}
.acaTable th{min-width:25px;height:30px;line-height:1.1;background:#f7f7f7;border-bottom:solid 1px #e8e8e8;font-size:11px;color:#999;text-align:center;word-break:break-word}
.acaTable th.area{text-align:left;padding:0 0 0 15px}
.acaTable td{height:30px;border-bottom:solid 1px #e8e8e8;text-align:center;font-size:13px;color:#000}
.acaTable td.area{font-weight:bold;text-align:left;;padding:0 0 0 15px}
.acaTable .total td{color:#3474ff}

.studyTable{width:100%;border-top:solid 1px #bfbfbf}
.studyTable th{min-width:50px;height:30px;line-height:1.1;background:#f7f7f7;border-bottom:solid 1px #e8e8e8;font-size:11px;color:#999;text-align:center;word-break:break-word}
.studyTable th.subject{text-align:left;padding:0 0 0 15px}
.studyTable td{height:30px;border-bottom:solid 1px #e8e8e8;text-align:center;font-size:13px;color:#000}
.studyTable td.subjectNM{text-align:left;padding:0 0 0 15px}
.studyTable td.subject{font-weight:bold;text-align:left;padding:0 0 0 15px}
.studyTable td.total{color:#3474ff}
td.lastTd{border-right:none}

.analCalWrap{}
.analCalWrap .title{height:45px;background:#f8f8f8;border-bottom:solid 1px #d8d8d8;padding:0 0 0 10px}
.analCalWrap .title h3{line-height:45px;font-size:15px;font-weight:bold;color:#333;margin:0}
.analCalWrap .icoY{position:relative;top:18px;left:5px;display:inline-block;width:18px;height:18px;background:url(/images/ico_y@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 2px 3px 0}
.analCalWrap .icoN{position:relative;top:18px;left:5px;display:inline-block;width:18px;height:18px;background:url(/images/ico_n@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 2px 3px 0}
.dhx_cal_event_line:hover .icoY{background:url(/images/ico_y@2x.png) 0 0 no-repeat;background-size:18px auto}
.dhx_cal_event_line:hover .icoN{background:url(/images/ico_n@2x.png) 0 0 no-repeat;background-size:18px auto}
.analCalWrap .contents{margin:10px 0 30px}
.analCalWrap .contents h4{font-size:13px;color:#555;padding:0 5px 5px 10px;text-align:right;margin-top:-10px}

.eduPwdConfWrap{z-index:90;position:fixed;top:100px;left:25px !important;right:25px;background:#fefaf7;border-radius:3px;text-align:center;padding:20px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.2);max-width:1200px;margin:0 auto}
.eduPwdConfWrap .eduPwdTitle{margin:0 !important;padding:0 0 10px 0 !important;color:#000;font-size:15px;font-weight:bold !important}
.eduPwdConfWrap .eduPwdinputWrap{margin:0 0 7px 0;padding:0 20px 10px}
.eduPwdConfWrap .eduPwdinputWrap p{margin:0;text-align:left;margin-top:10px;font-size:13px}
.eduPwdConfWrap .eduPwdinputWrap .inputPW{width:200px;height:40px;border:solid 1px #d5d5d4;border-radius:2px;padding:0 5px;text-align:center;letter-spacing:5px;font-size:20px}
.eduPwdConfWrap .eduPwdsaveWrap{padding:0;text-align:center}
.eduPwdConfWrap .btnOk{height:37px;line-height:35px;min-width:97px;border:1px solid #0a4fb6;background:#2471e4;color:#fff;padding:0 10px; border-radius:2px; text-align:center; font-size:13px}
.eduPwdConfWrap .btnClose{height:37px;line-height:35px;min-width:97px;background:#838484;border:1px solid #5f5f5f;color:#fff;padding:0 10px; border-radius:2px; text-align:center; font-size:13px}
.eduPwdConfWrap .eduPwdwraningWrap{padding:20px 20px 0 20px}
.eduPwdConfWrap .eduPwdwraningWrap .wraning{color:#525151; font-size:14px}
.eduPwdConfWrap .point{color:red;font-size:12px}

.eduPwdConfWrap input[type="number"]::-webkit-outer-spin-button,
.eduPwdConfWrap input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance:none;
 margin:0;
}
.eduPwdConfWrap input[type="number"]{
    -webkit-text-security:disc;
}


@font-face {
font-family:'pass';
font-style:normal;
font-weight:400;
src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
}

.pwdIndexWrap{z-index:90;position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;text-align:center;padding:0;margin:0 auto;overflow-y:auto;min-width:360px}
.pwdIndexWrap .pwpTitleWrap{margin:0 30px 0 30px}
.pwdIndexWrap .pwpTitle{color:#363b41;font-size:22px;font-weight:500;letter-spacing:-1px;line-height:1.3;background:url(/images/mm_logo@3x.png) center 0 no-repeat;background-size:60px auto;margin:60px 0 0 0;padding:65px 0 15px 0}
.pwdIndexWrap .pwpTitle.newSet{background:url(/images/ico_password@3x.png) center 0 no-repeat;background-size:27px auto}
.pwdIndexWrap .pwpTitleWrap .explain{font-size:14px;color:#4297ff;letter-spacing:-0.5px}
.pwdIndexWrap .pwpTitleWrap .explain .point{font-size:14px;color:#4297ff}
.pwdIndexWrap .eduPwdinputWrap{height:69px;text-align:center;margin:0 auto 50px auto;padding:0 20px 10px}
.dvSlide .eduPwdinputWrap{margin:0 auto 30px auto}
.pwdIndexWrap .eduPwdinputWrap p{margin:0;text-align:left;margin-top:10px;font-size:13px}
.pwdIndexWrap .eduPwdinputWrap .inputPW{width:30px;height:74px;line-height:74px;border:none;font-family:'pass', 'Helvetica', 'arial', sans-serif;font-size:32px;text-align:center;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px}
.pwdIndexWrap .eduPwdinputWrap .inputPW:focus{outline:none}
.pwdIndexWrap .eduPwdinputWrap .inputPW::placeholder{transform:scale(0.85);transform-origin:50% 50%}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine{width:100%;border-bottom:solid 1px #ebebeb;font-size:20px;color:#202020;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;margin:30px 0 0 0}
.pwdIndexWrap .eduPwdinputWrap .inputPWLine:focus{border-bottom:solid 1px #4297ff;outline:none}
.pwdIndexWrap .eduPwdsaveWrap{padding:0 20px;margin:0 auto;text-align:center}
.pwdIndexWrap .btnOk{width:100%;height:55px;line-height:55px;background:#4297ff;color:#fff;font-size:17px;border-radius:2px;text-align:center;margin:0;padding:1px 10px 0 10px}
.pwdIndexWrap .btnClose{height:37px;line-height:35px;min-width:97px;background:#838484;border:1px solid #5f5f5f;color:#fff;padding:0 10px; border-radius:2px; text-align:center; font-size:13px}
.pwdIndexWrap .warnWrap{padding:25px 20px 0 20px}
.pwdIndexWrap .warnWrap .inquiry{color:#6f6f6f;font-size:13px;letter-spacing:-0.5px;text-decoration:underline;margin:0 0 5px 0}
.pwdIndexWrap .warnWrap .warning{color:#525151;font-size:14px;letter-spacing:-0.5px;padding:0}
.pwdIndexWrap .point{color:red;font-size:12px}
.pwdIndexWrap .btnPwPrev{position:absolute;top:15px;left:15px;width:40px;height:40px;background:url(/images/ico_pw_prev@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer;z-index:1}
.pwdIndexWrap .btnPwClose{position:absolute;top:15px;right:15px;width:40px;height:40px;background:url(/images/ico_pw_close@2x.png) 50% 50% no-repeat;background-size:20px auto;cursor:pointer}

.pwdIndexWrap .warnUpWrap{max-width:380px;text-align:left;color:red;padding:20px 0 0 10px;margin:0 auto;text-indent:-10px;}

@media all and (max-width:350px){
.pwdIndexWrap{min-width:auto}
.pwdIndexWrap .dvSlide{width:100% !important}
}

@media all and (min-width:768px){
.pwdIndexWrap .eduPwdinputWrap{max-width:420px;}
.pwdIndexWrap .eduPwdsaveWrap{max-width:420px;}
}

.pwdIndexWrap input[type="number"]::-webkit-outer-spin-button,
.pwdIndexWrap input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance:none;
 margin:0;
}
.pwdIndexWrap input[type="number"]{
    -webkit-text-security:disc;
}

@media (min-width:768px){
.pwdIndexWrap .eduPwdinputWrap .inputPW{}
}

.pwNoteBox{margin:30px 20px 20px 20px}
.pwNoteBoxIn{background:#f4f8fb;border-radius:4px;text-align:left;margin:0 auto 10px auto;padding:20px;max-width:460px}
.pwNoteBox h3{font-size:18px;font-weight:bold;letter-spacing:-0.5px;margin:0 0 10px 0}
.pwNoteBox .explain{font-size:15px;color:#6f6f6f;letter-spacing:-0.5px;margin:0 0 5px 0}
.pwNoteBox .explain .point{font-size:15px;color:#ff5757}
.pwNoteBox .warning{font-size:13px;padding:0}
.pwNoteBox .warning .point{color:#ff5757;font-weight:bold}
.pwNoteBox .siteList{display:flex;flex-wrap:wrap;margin:20px 0 0 0}
.pwNoteBox .siteList .siteItem{width:33.3%;display:inline-block;min-width:44px;font-size:12px;color:#1e1e23;font-weight:bold;text-align:center;letter-spacing:-0.5px;padding:50px 0 15px 0;margin:0}
.pwNoteBox .siteList .siteItem.mm{background:url(/images/ico_site_mm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.mbms{background:url(/images/ico_site_mbms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.qr{background:url(/images/ico_site_qr@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.lms{background:url(/images/ico_site_lms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.educms{background:url(/images/ico_site_cms@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.media{background:url(/images/ico_site_media@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.wm{background:url(/images/ico_site_wm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.tm{background:url(/images/ico_site_tm@2x.png) 50% 0 no-repeat;background-size:44px auto}
.pwNoteBox .siteList .siteItem.nmschool{background:url(/images/ico_site_nmschool@2x.png) 50% 0 no-repeat;background-size:44px auto}

.manageTable{width:100%;margin-top:0;table-layout:fixed}
.manageTable th{text-align:center;font-size:12px;line-height:1.1;border-left:solid 1px #e2e2e4;border-right:solid 1px #e2e2e4;padding:7px 0 0 0}
.manageTable th:first-child, .manageTable td:first-child{border-left:none}
.manageTable th:last-child, .manageTable td:last-child{border-right:none}
.manageTable th:first-child{width:25%}
.manageTable th span{display:inline-block}
.manageTable td{text-align:center;border-left:solid 1px #e2e2e4;border-right:solid 1px #e2e2e4;padding:0 0 3px 0}
.manageTable td .o{display:inline-block;width:10px;height:10px;background:url(/images/ico_o@2x.png) 0 0 no-repeat;background-size:10px auto}
.manageTable td .x{display:inline-block;width:10px;height:10px;background:url(/images/ico_x@2x.png) 0 0 no-repeat;background-size:10px auto}
.manageTable td .o-red{display:inline-block;width:10px;height:10px;background:url(/images/ico_o_red@2x.png) 0 0 no-repeat;background-size:10px auto}

.backGround{width:100%;height:100%;position:absolute;top:0;left:0;z-index:80}

h4.resultTxt{font-size:14px;font-weight:bold}
em.alert{display:inline-block;padding:0;margin:0 0 5px 0;border:none;font-size:12px}

.sumArea{background:#eef6fe;font-size:18px;color:#2366ff}

.ariseVisual{width:100%;text-align:center;margin:0 0 10px 0}
/* .ariseVisual .period{position:absolute;top:10px;right:10px;z-index:1;height:23px;line-height:23px;background:#6aaaff;border-radius:3px;color:#fff;font-size:14px;letter-spacing:-1px;font-family:NanumGothic;padding:0 10px} */
.ariseVisual .in{width:100%;height:167px;background:url(/images/bg_festival_2020.jpg) 0 0 no-repeat;background-size:100% 100%;border-radius:10px;text-align:center;padding:0;position:relative}
.ariseVisual .in:before{display:inline-block;content:"";width:120px;position:absolute;top:0;left:0;bottom:0;background:url(/images/bg_festival_2020_l.png) 0 bottom no-repeat;background-size:120px auto}
.ariseVisual .in:after{display:inline-block;content:"";width:189px;position:absolute;top:0;right:0;bottom:0;background:url(/images/bg_festival_2020_r.png) 0 bottom no-repeat;background-size:189px auto}
.ariseVisual .ariseTitle{display:inline-block;font-size:23px;line-height:1.2;font-weight:bold;color:#fff;font-weight:bold;text-align:center;letter-spacing:-1px;text-shadow:0 2px 0 rgba(0,0,0,0.3);margin:15px 0 5px 0;padding:0}
.ariseVisual .ariseTitle .sub{display:inline-block;background:url(/images/bg_festival_star_2020.png) 0 0 no-repeat;font-size:13px;color:#ffe561;font-weight:bold;letter-spacing:0;text-shadow:0 1px 0 rgba(0,0,0,0.3);padding:12px 17px 0 17px;margin:0 0 3px 0}
.ariseVisual .dDay{display:inline-block;line-height:49px;position:relative;z-index:1}
.ariseVisual .dDay .d{display:inline-block;width:38px;height:51px;border-radius:6px;background:#6a8aff;color:#fff78f;font-size:41px;font-family:Helverica;font-weight:bold;text-shadow:0 1px 1px rgba(0,0,0,0.5);position:relative}
.ariseVisual .dDay .d:after{display:block;content:"";position:absolute;top:50%;left:0;right:0;width:100%;height:1px;background:rgba(0,0,0,0.25)}
.ariseVisual .dDay .days{display:inline-block;width:118px;height:51px;color:#fff;font-size:41px;font-family:Helverica;font-weight:bold;background:url(/images/bg_festival_num_2020.png) 0 0 no-repeat;background-size:auto 51px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.5);letter-spacing:17px;padding:0 0 0 7px;;position:relative}
.ariseVisual .dDay .days:after{display:block;content:"";position:absolute;top:50%;left:0;right:0;width:100%;height:1px;background:rgba(0,0,0,0.25)}
.ariseVisual .dDay .bar{display:inline-block;color:#648aff;font-size:41px;vertical-align:super}
 
.ariseVisual.main{display:table;width:100%;margin:0}
.ariseVisual.main .in{display:table-cell;height:100px;background:url(/images/bg_festival_2021.jpg)no-repeat center/cover;padding-top:0;vertical-align:middle}
.ariseVisual.main .in:before{display:none}
.ariseVisual.main .in:after{display:none}
.ariseVisual.main .ariseTitle{font-size:19px;margin-top:1px}
.ariseVisual.main .ariseTitle .sub{background:none;font-size:11px;color:#dac287;padding:0}

.tbncFstVisual{display:table;width:100%;height:72px;background:url(/images/visual_tbnc_bg.jpg) 0 0 no-repeat;background-size:100% 100%;position:relative;overflow:hidden;cursor:pointer;margin:10px 0 10px 0}
.tbncFstVisualIn{display:table-cell;position:relative;vertical-align:middle;text-align:center;background-size:auto 70px;padding:0 0 0 0}
.tbncFstVisualIn:before{display:inline-block;content:"";width:200px;height:72px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/visual_tbnc_left.png) 0 -17px no-repeat;background-size:auto 100px;position:absolute;bottom:0;left:-50px}
.tbncFstVisualIn:after{display:inline-block;content:"";width:200px;height:72px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/visual_tbnc_right.png) right -17px no-repeat;background-size:auto 100px;position:absolute;bottom:0;right:-80px}
.tbncFstVisualIn .tit{display:block;color:#89410D;font-size:17px;font-weight:bold;font-family:NanumGothicExtraBold;line-height:1.1;letter-spacing:-0.5px;margin:0 55px 10px 55px;position:relative;z-index:1}
.tbncFstVisualIn .titTh{display:inline-block;width:100px;height:16px;line-height:16px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/visual_tbnc_year.png) center 0 no-repeat;background-size:auto 16px;color:#AD7623;font-size:14px;font-family:'NanumGothicExtraBold';text-align:center;font-weight:bold;padding:0;margin:0}

.webinarVisual{display:table;width:100%;height:90px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg-webinar-5th@2x.jpg) 0 0 no-repeat;background-size:100% 100%;border-bottom:solid 10px #fff;cursor:pointer}
.webinarVisual .in{display:table-cell;padding:10px 15px 10px 15px}
.webinarVisual h3{font-size:16px;color:#0a9c89;font-weight:bold;letter-spacing:-0.5px;line-height:1.1;margin:0}
.webinarVisual .explain{font-size:14px;color:#333;font-weight:bold;letter-spacing:-0.5px;margin:0 0 5px 0}
.webinarVisual .btnWebinar{height:20px;background:#04b59e;color:#fff;font-size:12px;font-weight:bold;border-radius:2px;padding:0 7px}
.webinarVisual .btnWebinar:after{display:inline-block;content:"";width:6px;height:9px;background:url(/images/ico_webinar_arrow@2x.png) 0 0 no-repeat;background-size:6px auto;margin:0 0 0 5px}

.webinarVisual6{display:table;width:100%;height:100px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_webinar6.jpg) 0 0 no-repeat;background-size:100% 100%;border-bottom:solid 10px #fff;cursor:pointer}
.webinarVisual6 .in{display:table-cell;padding:15px 15px 15px 15px}
.webinarVisual6 h3{font-size:16px;color:#553a29;font-weight:bold;letter-spacing:-0.5px;line-height:1.1;margin:0}
.webinarVisual6 h3 .point{color:#f5a403}
.webinarVisual6 .explain{font-size:14px;color:#573628;font-weight:bold;letter-spacing:-0.5px;margin:0 0 5px 0;padding:0}
.webinarVisual6 .btnWebinar{height:23px;background:#5f4733;color:#fff;font-size:12px;font-weight:bold;border-radius:2px;padding:0 7px}
.webinarVisual6 .btnWebinar:after{display:inline-block;content:"";width:6px;height:9px;background:url(/images/ico_webinar_arrow@2x.png) 0 0 no-repeat;background-size:6px auto;margin:0 0 0 5px}

.scenarioWrap{display:table;width:100%;height:100px;background:#2383e3 url(/images/visual_scenario@2x.png) calc(100% - 20px) 20px no-repeat;background-size:auto 68px;border-radius:4px;margin:0 0 8px 0;cursor:pointer}
.scenarioWrapIn{display:table-cell;vertical-align:middle;padding:12px 20px}
.scenarioWrap .explain{font-size:13px;color:#fff !important;letter-spacing:-0.5px;line-height:1.1;padding:0 !important;margin:0 0 5px 0}
.scenarioWrap h3{font-size:17px;font-weight:bold;color:#fff;letter-spacing:-1px;line-height:1.1;margin:0 0 3px 0}
.scenarioWrap .date{display:inline-block;height:20px;line-height:20px;font-size:11px;color:#fff;background:#156cc3;border-radius:2px;padding:0 5px}

@media all and (max-width:500px){

}

.webinar7thWrap{display:table;width:100%;height:100px;background:#2383e3 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_webinar_7th@2x.jpg) 50% 50% no-repeat;background-size:100% 100%;border-radius:4px 4px 0 0;cursor:pointer}
.webinar7thWrapIn{display:table-cell;vertical-align:middle;padding:12px 20px}
.webinar7thWrap .explain{font-size:13px;color:#b0c0f0 !important;letter-spacing:-0.5px;line-height:1.1;padding:0 !important}
.webinar7thWrap h3{font-size:17px;font-weight:bold;color:#fff;letter-spacing:-1px;line-height:1.1;margin:2px 0 0 0}
.webinar7thWrap .btnWbn{height:23px;line-height:23px;background:#4a58c1 url(/images/ico_webinar_arrow@2x.png) calc(100% - 10px) 50% no-repeat;background-size:6px auto;color:#fff;font-size:12px;border-radius:2px;padding:0 20px 0 10px;margin:5px 0 0 0}

.webinar8thWrap{display:table;width:100%;height:100px;background:#2383e3 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_webinar_8th@2x.jpg) 50% 50% no-repeat;background-size:100% 100%;border-radius:4px;cursor:pointer}
.webinar8thWrapIn{display:table-cell;vertical-align:middle;padding:0 20px}
.webinar8thWrap .explain{font-size:12px;color:#00d488 !important;letter-spacing:-0.6px;line-height:1.1;padding:0 !important}
.webinar8thWrap h3{font-size:14px;font-weight:bold;color:#fff;letter-spacing:-1px;line-height:1.1;margin:6px 0 0 0}
.webinar8thWrap .btnWbn{height:23px;line-height:23px;background:#0c9866 url(/images/ico_webinar_arrow@2x.png) calc(100% - 10px) 50% no-repeat;background-size:6px auto;color:#fff;font-size:12px;border-radius:2px;padding:0 20px 0 10px;margin:5px 0 0 0}

@media all and (max-width:340px){
.webinar8thWrapIn{padding:12px 10px}
}

.webinar9thWrap{display:table;width:100%;height:100px;background:#000 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_webinar_9th@2x.jpg) right 50% no-repeat;background-size:auto 100px;border-radius:4px;cursor:pointer}
.webinar9thWrapIn{display:table-cell;vertical-align:middle;padding:0 20px}
.webinar9thWrap .explain{font-size:12px;color:#46cdff !important;letter-spacing:-0.6px;line-height:1.1;padding:0 !important}
.webinar9thWrap h3{font-size:14px;font-weight:bold;color:#fff;letter-spacing:-1px;line-height:1.1;margin:6px 0 0 0}
.webinar9thWrap .btnWbn{height:22px;line-height:22px;background:#00a9e7 url(/images/ico_webinar_arrow@2x.png) calc(100% - 10px) 50% no-repeat;background-size:6px auto;color:#fff;font-size:12px;border-radius:2px;padding:0 20px 0 10px;margin:5px 0 0 0}

@media all and (max-width:340px){
.webinar9thWrapIn{padding:12px 10px}
}

.workerVisual{width:100%;display:table;background:url(/images/bg_worker_visual.jpg) 0 0 no-repeat;border-bottom:solid 10px #f3f5f7;cursor:pointer;background-size:cover}
.workerVisual .in{display:table-cell;text-align:center;background:url(/images/bg_worker_visual_l.png) 0 bottom no-repeat, url(/images/bg_worker_visual_r.png) right 0 no-repeat;background-size:auto 70px,auto 70px;padding:12px 15px}
.workerVisual .sub{display:inline-block;height:18px;line-height:18px;font-size:11px;color:#fff;background:url(/images/bg_worker_visual_tit.png) center 0 no-repeat;background-size:100% 18px;text-align:center;letter-spacing:-0.3px;padding:0 10px;margin:0 0 7px 0}
.workerVisual .subject{font-size:18px;color:#823434;font-weight:bold;letter-spacing:-0.5px}

.ariseShine .stateBox{display:table;width:100%;background:#0e1746;border:solid 1px #000;color:#fff;margin:0 0 10px 0}
.ariseShine .stateBoxL{display:table-cell;vertical-align:top;font-size:35px;background:#1b2768;border-right:solid 1px #000;text-align:center;padding:20px}
.ariseShine .stateBoxL .day{display:inline-block;width:70px;height:50px;line-height:50px;border-radius:3px;background:#060c2f;font-size:43px;font-weight:bold;color:#fffcb1}
.ariseShine .stateBoxR{display:table-cell;vertical-align:top;padding:20px 50px}
.ariseShine .nowTable{width:100%}

.ariseShine .inputDate{height:35px;color:#000;font-size:13px;border:solid 1px #c2c2c2;border-radius:2px}
.ariseShine .inputSelect{height:35px;color:#000;font-size:13px;border:solid 1px #c2c2c2;border-radius:2px}
.ariseShine .w150{width:150px}

.ariseShine .btnAriseWrite{min-width:100px;height:35px;background:#496aea;border:solid 1px #3b5bd4;border-radius:2px;color:#fff;padding:0 10px;font-family:NanumGothicBold}
.ariseShine .btnAriseWrite:hover{background:#3b5bd4;border:solid 1px #2949c6}

.ariseDate{display:table;width:100%;margin:0 0 10px 0}
.ariseDateL{vertical-align:top}
.ariseDateR{vertical-align:top;padding-top:11px}

.ariseImg{text-align:center;background:#eee;padding:20px 0;margin:0 0 10px 0}
.ariseImg .days{font-size:40px;font-weight:bold}

.ariseDate .btnGroup{padding:0 0 0 4px;margin:0 0 10px 0;text-align:center}
.ariseDate .btnGroup button{min-width:90px;height:30px;background:#f8f8f8;border:solid 1px #d8d8d8;color:#000;font-weight:bold;font-family:NanumGothicBold;font-size:13px;padding:0 15px;margin:0 -4px}
.ariseDate .btnGroup button.on{background:#fff;border:solid 1px #3574ff;color:#266ad0;position:relative}

.stateTableB{width:100%;color:#fff;max-width:500px;margin:0 auto}
.stateTableB thead{}
.stateTableB thead th{height:30px;background:#363f59;border-bottom:solid 1px #000;border-right:solid 1px #000;font-size:14px;text-align:center;position:relative}
.stateTableB thead th:last-child{border-right:none}
.stateTableB thead th .rate{position:absolute;top:15px;right:-70px;display:table;width:145px;height:54px;color:#fff777;font-size:13px;background:url(/images/bg_arrow.png) 0 0 no-repeat;z-index:1}
.stateTableB thead th .rateIn{display:table-cell;vertical-align:middle}
.stateTableB tbody th{background:#2f364b;font-size:12px;text-align:right;border-right:solid 1px #000;padding-right:10px;padding-bottom:5px;vertical-align:top;padding-top:5px}
.stateTableB tbody td{width:26.5%;text-align:right;background:#242a3e;font-size:17px;font-family:Helvetica;font-weight:bold;border-right:solid 1px #000;padding-right:10px;padding-bottom:5px}
.stateTableB tbody td.curr{font-size:18px;color:#50b7ff}
.stateTableB tbody td.step{padding:0}
.stateTableB tbody td .empty{display:block;font-size:13px;color:#fff;;margin:-3px 0 0 0}
.stateTableB tbody td .empty em{display:inline-block;margin:0 0 0 1px;color:#fff}
.stateTableB tbody td .empty:after{display:inline-block;content:"";width:11px;height:11px;margin:0 0 0 2px}
.stateTableB tbody td.curr .empty{display:none}
.stateTableB tbody tr.today .empty{display:none}
.stateTableB tbody td .up{display:block;font-size:13px;color:#25e56d;margin:-3px 0 0 0}
.stateTableB tbody td .up em{display:inline-block;margin:0 0 0 1px;color:#25e56d}
.stateTableB tbody td .up:after{display:inline-block;content:"";width:11px;height:11px;background:url(/images/ico_state_up.png) 0 0 no-repeat;margin:0 0 0 2px}
.stateTableB tbody td .down{display:block;font-size:13px;color:#f45569;margin:-3px 0 0 0}
.stateTableB tbody td .down em{display:inline-block;margin:0 0 0 1px;color:#f45569}
.stateTableB tbody td .down:after{display:inline-block;content:"";width:11px;height:11px;background:url(/images/ico_state_down.png) 0 0 no-repeat;margin:0 0 0 2px}
.stateTableB tbody td:last-child{border-right:none}
.stateTableB tbody tr.first th{padding-top:15px}
.stateTableB tbody tr.first td{padding-top:10px}
.stateTableB tbody tr:last-child th,
.stateTableB tbody tr:last-child td{padding-bottom:10px}

.stateTableB .step-bar{list-style:none; padding:0}
.stateTableB .step-bar li{width:50%;height:30px;position:relative;float:left;color:#FFF777;font-size:13px;text-align:center;line-height:30px;background-image:linear-gradient(to bottom, #454F6A, #292F44);border-bottom:solid 1px #000}
.stateTableB .step-bar .step-arrow::after{content:'';width:20px;height:20px;position:absolute;border-right:1px solid rgba(0,0,0,0.6);border-bottom:1px solid rgba(0,0,0,0.6);background-image:linear-gradient(225deg, #454F6A, #292F44);transform:rotate(-45deg);right:-10px;top:4px}
.stateTableB .step-bar li:first-child{z-index:1}

.stateTable{width:100%;border-top:solid 2px #454c59;border-bottom:solid 1px #454c59}
.stateTable th{height:25px;text-align:center;background:#f5f5f5;border-bottom:solid 1px #d7d9de}
.stateTable td{vertical-align:top;padding:5px 10px}
.stateTable td.TH{font-weight:bold;width:80px;text-align:right;background:#f9fbff;border-right:solid 1px #ccc;padding-right:5px;vertical-align:middle}
.stateTable td.number{text-align:right;font-size:17px;line-height:1.1;font-weight:bold}
.stateTable td.number.curr{color:blue}
.stateTable td.number p{margin:0}
.stateTable td .up{font-size:13px;color:green}
.stateTable td .red{font-size:13px;color:red}

.ariseDateTitle{width:100%;max-width:500px;margin:20px auto 5px auto}
.ariseDateTitle h3{font-size:16px;color:#333;font-weight:bold;/* color:#2161ef; */}
/* .ariseDateTitle h3:before {display:inline-block;content:"";width:8px;height:8px;background:url(/images/ico_h@2x.png) 0 0 no-repeat;background-size:8px auto;vertical-align:middle;margin:0 4px 4px 0} */

@media (max-width:500px){
.ariseDateTitle h3{padding:0 0 0 10px}
}

.ariseShine #gridbox .objbox td{height:30px;font-size:12px;padding-top:5px;padding-bottom:5px}

.mmTable{width:100%;max-width:500px;border-top:solid 1px #2f364b;border-bottom:solid 1px #70778b;margin:2px auto 0 auto}
.mmTable th{width:17%;height:30px;background:#7c8399;font-size:12px;color:#fff;line-height:1.1;border-bottom:solid 1px #70778b;border-left:solid 1px #70778b;text-align:center;padding:0}
.mmTable th.kind{width:14%}
.mmTable th.preach{width:32%}
.mmTable td{height:35px;padding:0 5px 0 5px;text-align:right;font-size:20px;font-weight:bold;font-family:Helvetica;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd}
.mmTable td .none{display:inline-block;font-size:16px;margin:0 10px 0 0}
.mmTable td.TH{background:#d2d4de;border-right:solid 1px #aaa;border-bottom:solid 1px #b7b7b7;font-size:12px;color:#404962}
.mmTable td.thS{font-size:12px;color:#000;background:#eee}
.mmTable tr:last-child td{border-bottom:none}
.mmTable td:last-child{border-right:none}
.mmTable tr.total td{color:#2275ff;background:#f2f5fb}
.mmTable tr.total td.TH{background:#d2d4de}
.mmTable .m{font-size:16px}

.ariseListTop{margin:0 0 5px 0}
.ariseList{width:100%;border-top:solid 2px #555;border-bottom:solid 1px #bdbdbd;font-family:NanumGothicBold;margin:0 0 20px 0}
.ariseList th{height:25px;background:#deefff;border-left:solid 1px #a5c9ec;border-bottom:solid 1px #a5c9ec;text-align:center;font-size:13px}
.ariseList th:first-child{border-left:none}
.ariseList th.up{background:#7eabee;color:#fff}
.ariseList th.date{width:100px}
.ariseList th.number{width:100px}
.ariseList th.modify{width:80px}
.ariseList td{height:30px;border-top:solid 1px #bdbdbd;border-left:solid 1px #dedede;font-size:13px}
.ariseList td:first-child{border-left:none}
.ariseList td.date{text-align:center;color:gray}
.ariseList td.chName{text-align:left;background:#f8f8f8;padding:0 0 0 10px;font-size:14px;color:#000;font-weight:bold}
.ariseList td.number{text-align:right;padding:0 10px 0 0}
.ariseList td.modify{text-align:center}
.ariseList tbody tr:hover{background:#f5f5f5}
.ariseList .btnEdit{height:20px;background:#74818e;border:solid 1px #5c5c5c;border-radius:2px;color:#fff;font-weight:bold;font-size:12px;padding:0 5px}
.ariseList .btnEdit:hover{background:#5a6a7a;border:solid 1px #506171}

.ariseLayer{display:none;width:840px;margin:0 0 0 -420px}
.ariseLayer .inputDate{height:35px;color:#000;font-size:13px;border:solid 1px #c2c2c2;border-radius:2px}
.ariseLayer .writeTable{width:100%;border-top:solid 2px #555;border-bottom:solid 1px #bdbdbd;font-family:NanumGothicBold;margin:0 0 20px 0}
.ariseLayer .writeTable th{height:25px;background:#deefff;border-left:solid 1px #a5c9ec;border-bottom:solid 1px #a5c9ec;text-align:center;font-size:13px}
.ariseLayer .writeTable th.number{width:130px}
.ariseLayer .writeTable td{padding:3px}
.ariseLayer .writeTable td.number{}
.ariseLayer .writeTable td:first-child{border-left:none}
.ariseLayer .writeTable .inputText{width:100%;height:35px;border:solid 1px #c2c2c2;border-radius:2px;color:#000;padding:0 5px}
.ariseLayer .writeTable td.number .inputText{text-align:right}
.ariseLayer .popFoot{text-align:center}
.ariseLayer .btnTpSave{min-width:100px;height:35px;background:#00ae65;background:#009456;border-radius:2px;color:#fff;padding:0 10px;font-family:NanumGothicBold}
.ariseLayer .btnTpSave:hover{background:#039f5e;boder:solid 1px #009456}
.ariseLayer .btnFinish{min-width:100px;height:35px;background:#496aea;border:solid 1px #3b5bd4;border-radius:2px;color:#fff;padding:0 10px;font-family:NanumGothicBold}
.ariseLayer .btnFinish:hover{background:#3b5bd4;border:solid 1px #2949c6}

/********** INVITE **********/
.inviteWarp .writeWrap{padding:0 20px}
.inviteWarp .writeTable th{height:auto;padding:0;font-size:13px;border:none;display:block}
.inviteWarp .writeTable th:not(first-child){margin:20px 0 5px 0}
.inviteWarp .writeTable td{padding:0;border:none;display:block}
.inviteWarp .writeTable td.tdInvitePerson{padding-bottom:5px}
.inviteWarp .writeTable td.tdInvitePerson .btnR{right:0}
.inviteWarp .writeTable td .psResultTable th{height:25px !important;margin-top:0;padding-top:5px}
.inviteWarp .writeTable td .psResultTable td{display:table-cell;border-top:solid 1px #eee;padding:8px 0}
.inviteWarp .writeTable td .btnMe{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:4px;border:solid 1px #E3E3E3;font-size:16px;vertical-align:middle}
.inviteWarp .writeTable td .inputRadio:checked + label.btnMe{color:#2A5EFF;border-color:#2A5EFF}
.inviteWarp .writeTable td .inputDate{width:100%;height:40px;border:1px solid #E3E3E3;border-radius:4px;background:url(/images/ico_visit_date@2x.png) calc(100% - 10px) 50% no-repeat;background-size:16px auto;color:#000;font-size:15px;padding:0 10px}
.inviteWarp .writeTable td .inputDate::-webkit-calendar-picker-indicator{background:transparent;z-index:1;}
.inviteWarp .writeTable td.tdDateDiv{margin:5px 0 0 0;position:relative;overflow:hidden;border-radius:4px}
.inviteWarp .writeTable .dateDiv{width:calc(100vw - 40px);max-width:1220px;white-space:nowrap;overflow-x:auto;padding:0 25px}
.inviteWarp .writeTable .dateDiv button{width:calc(20% + 5px);height:40px;background:#fff;border:1px solid #E3E3E3;color:#000;font-size:13px;padding:0 5px;margin:0 -2px}
.inviteWarp .writeTable .dateDiv button:disabled{color: #00000080;}
.inviteWarp .writeTable .dateDiv button.on{background:#2A5EFF;border:solid 1px #2A5EFF;color:#fff}
.inviteWarp .writeTable .dateDiv button.on:disabled{background: #2a5eff80;border-color:#2a5eff80}
.inviteWarp .writeTable .btnPrev{position:absolute;top:0;left:0;width:24px;height:40px;background:#fff url(/images/btn_date_prev@2x.png) 50% 50% no-repeat;background-size:5.5px auto;border:1px solid #E3E3E3;border-radius:4px 0 0 4px}
.inviteWarp .writeTable .btnNext{position:absolute;top:0;right:0;width:24px;height:40px;background:#fff url(/images/btn_date_next@2x.png) 50% 50% no-repeat;background-size:5.5px auto;border:1px solid #E3E3E3;border-radius:0 4px 4px 0}
.inviteWarp .writeTable .timeDiv{display:grid;grid-template-columns:repeat(4, 1fr);;gap:4px}
.inviteWarp .writeTable .timeDiv button{height:50px;background:#fff;border:1px solid #E3E3E3;border-radius:3px}
.inviteWarp .writeTable .timeDiv button:disabled{opacity:0.5;}
.inviteWarp .writeTable .timeDiv button .time{display:block;font-size:14px}
.inviteWarp .writeTable .timeDiv button .person{display:block;font-size:12px;color:#D20042;margin:3px 0 0 0}
.inviteWarp .writeTable .timeDiv button.on{background:#2A5EFF;border:solid 1px #2A5EFF;color:#fff}
.inviteWarp .writeTable .timeDiv button.on .time{color:#fff}
.inviteWarp .writeTable .timeDiv button.on .person{color:#fff}
.inviteWarp .writeTable .personDiv{display:flex;align-items:center;justify-content:space-between;height:40px;margin:20px 0 0 0}
.inviteWarp .writeTable .personDiv h3{font-size:13px;color:#888;line-height:1.2;font-weight:normal;margin:0}
.inviteWarp .writeTable .personDiv .personNumber{margin:0 0 0 0}
.inviteWarp .writeTable .personDiv .btnDown{width:40px;height:40px;background:#fff url(/images/btn_person_down@2x.png) 50% 50% no-repeat;background-size:12px auto;border:1px solid #E3E3E3;border-radius:3px 0 0 3px;margin-right:-4px}
.inviteWarp .writeTable .personDiv .btnUp{width:40px;height:40px;background:#fff url(/images/btn_person_up@2x.png) 50% 50% no-repeat;background-size:12px auto;border:1px solid #E3E3E3;border-radius:0 3px 3px 0;margin-left:-4px}
.inviteWarp .writeTable .personDiv .inputNum{width:70px;height:40px;border:1px solid #E3E3E3;border-radius:0;color:#000;font-size:13px;text-align:center}
.inviteWarp .writeTable .personDiv .inputNum::-webkit-outer-spin-button,
.inviteWarp .writeTable .personDiv .inputNum::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.inviteWarp .writeTable .personExplain{text-align:left;color:#D20042;font-size:13px;margin:5px 0 0 0}
.inviteWarp .writeWrap .btnArea{border:none}
.inviteWarp .writeWrap .inputText{height:40px}
.inviteWarp .writeWrap .addText{width:calc(100% - 88px);height:40px;border:1px solid #E3E3E3;border-radius:4px}
.inviteWarp .writeWrap .btnSet{width:40px;height:40px;border:1px solid #E3E3E3;border-radius:4px}
.inviteWarp .writeWrap .btnGuideAdd{top:0;right:0;width:84px;height:40px;border:1px solid #E3E3E3;border-radius:4px;font-size:14px}
.inviteWarp .writeWrap .inviteeSelect{margin-top:5px}
.inviteWarp .writeWrap .inputSelect{height:40px}
.inviteWarp .writeTable .writeRadio{padding:0;height:40px}
.inviteWarp .writeTable .writeRadio label{padding:5px;border-radius:2px;text-align:center;align-items:center;justify-content:center;width:49.6%;}
.inviteWarp .writeTable .writeRadio .inputRadio:checked + label{background:#2A5EFF;border-color:#2A5EFF;color:#fff}
.inviteWarp .inviteTop{margin:20px 20px 0px;padding:15px;border:1px solid #eee;position:relative}
.inviteWarp .inviteTop #visitDateTime{margin-bottom:5px;font-size:18px;font-weight:600}
.inviteWarp .inviteTop .divLeftCnt{color:#666;text-align:left;padding:0}
.inviteWarp .inviteTop .divLeftCnt li{display:inline-block}
.inviteWarp .inviteTop .divLeftCnt li:nth-child(odd):after{content:'';display:inline-block;width:1px;height:12px;margin-left:10px;margin-right:5px;vertical-align:-1px;background:#ddd}
.inviteWarp .inviteTop .divLeftCnt span{color:#F23232}
.inviteWarp .inviteTop .btnAdd{position:absolute;top:15px;right:10px;display:inline-block;width:35px;height:35px;background:url(/images/btn_add@3x.png) 0 0 no-repeat;background-size:35px auto;text-indent:-9999px}
.inviteWarp .writeWrap .inputNumber{height:40px}
.inviteVisit.inviteWarp .btnDelete{background:url(/images/ico_issue_sh_del@2x.png) 50% 50% no-repeat;background-size:18px auto;border:none;margin-right:5px}
.inviteWarp .divConnectYN{margin:0 0 10px 0}
.inviteWarp .writeTable td .inputRadio + label{padding:10px 9px}
.inviteWarp .writeTable td .inputCal{height:35px}
.inviteWarp .btnSave{height:40px;line-height:40px;background:#2A5EFF;border-radius:3px}
.inviteWarp .btnSave:disabled{background:#fff;color:#000;opacity:0.4}
.inviteWarp .btnSave:before{display:none}
.inviteWarp .btnNormal{height:40px;line-height:40px;border-radius:3px}
.inviteWarp .noticeClosing{background:url(/images/ico_notice_event.png) 0 3px no-repeat;font-size:18px;color:#f33f53;line-height:1.3;font-weight:600;padding:0 0 0 20px}

.inviteWarp .inputChk{display:none}
.inviteWarp .inputChk + label{font-weight:lighter;margin:0 15px 0 0;cursor:pointer}
.inviteWarp .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 0 0}
.inviteWarp .inputChk:checked + label{color:#2366FF}
.inviteWarp .inputChk:checked + label:before{background:#2366FF url(/images/ico_radio_check.png) 50% 50% no-repeat;border-color:#2366FF}
.inviteWarp .inputChk:disabled + label{opacity:0.6;cursor:default}
.inviteWarp .inputChk:disabled + label:before{background:#eee}
.inviteWarp .inputChk:checked:disabled + label{color:#333}
.inviteWarp .inputChk:checked:disabled + label:before{border:solid 1px #CDD0D2;background:#eee url(/images/ico_baptism_check.png) 50% 50% no-repeat;background-size:10px auto}

.personTotalBox{display:flex;align-items:end;justify-content:space-between;background:#FFFDE8;border:1px solid #E3E3E3;border-radius:4px;padding:0 10px 10px 10px;}
.personTotalBox dl{}
.personTotalBox dt{color:#888;font-size:13px;font-weight:400;letter-spacing:-0.5px;line-height:1.1;text-align:center;margin:10px 0 5px 0}
.personTotalBox dd{height:40px;color:#333;font-size:13px;text-align:center;}
.personTotalBox dd.markBox{display:flex;align-items:center;justify-content:center;width:20px;}
.personTotalBox .personNumber{flex-shrink:0}
.personTotalBox .personDs{flex-shrink:1}
.personTotalBox .inputView{width:100%;max-width:60px;height:40px;border:1px solid #E3E3E3;background:transparent;border-radius:4px;text-align:center;color:#000;font-size:13px}
.personTotalBox .btnDown{width:40px;height:40px;border:1px solid #E3E3E3;background:#fff url(/images/btn_person_down@2x.png) 50% 50% no-repeat;background-size:12px auto;border-radius:4px 0 0 4px}
.personTotalBox .btnUp{width:40px;height:40px;border:1px solid #E3E3E3;background:#fff url(/images/btn_person_up@2x.png) 50% 50% no-repeat;background-size:12px auto;border-radius:0 4px 4px 0}
.personTotalBox .inputNum{width:40px;height:40px;border:1px solid #E3E3E3;color:#000;font-size:13px;text-align:center;margin:0 -4px}

@media (min-width:1200px){
.personTotalBox{justify-content:space-evenly}
.personTotalBox .inputNum{}
}

.dvReport{letter-spacing: -1px;}
.dvReport .customIn{max-width:500px;margin:0 auto;padding:0 0 10px 0}
.dvReport .title{height:35px;position:relative;padding:7px 10px}
.dvReport .title h3{line-height:25px;font-size:12px;font-weight:bold;letter-spacing:-1.5px;color: #266ad9;}
.dvReport .title .btnClose{position:absolute;top:0;right:0;width:35px;height:35px;background:url(../images/ico_close_modal.png) 50% 50% no-repeat;background-size:18px auto}
.dvReport .connBox{display:table;width:100%;padding:0 10px}
.dvReport .connBox h4{display:table-cell;width:90px;font-size:14px;color:#666;padding:0 0 0 15px}
.dvReport .btnArea{text-align:right;padding:10px 20px 0}
.dvReport .btnConnList{height:27px;line-height:25px;font-size:12px;color:#BDBDBD;border:solid 1px #D8D8D8;border-radius:2px;background:#fff;padding:0 10px;cursor:default}
.dvReport .btnConnList:after{display:inline-block;content:"";width:7px;height:12px;background:url(../images/ico_arrow_cal.png) 0 0 no-repeat;background-size:8px auto;vertical-align:middle;margin:0 0 3px 5px}
.dvReport .btnConnList.on{color:#555;border:solid 1px #aaa;cursor:pointer}
.dvReport .btnConnList.on:after{background:url(../images/ico_arrow_cal_on.png) 0 0 no-repeat;background-size:8px auto}
.dvReport .listTable{width:100%;border-top:1px solid #aaa;table-layout:fixed}
.dvReport .listTable th{letter-spacing: -1px;background-color: #5099e3 !important;color: #FFF !important;height:22px;font-size:11px !important;border-bottom:1px solid #e8e8e8;text-align:center;width:45px;background-color:#fbfbfc;font-size:12px;font-weight:inherit;letter-spacing:normal;color:#999999}
.dvReport .listTable th.name{width:70px}
.dvReport .listTable td{background: #eaf3ff;letter-spacing: -1px;height:auto;border-bottom:1px solid #e8e8e8;cursor:pointer;padding:0 3px;width:80px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:NanumGothic;font-size:12px !important;text-align:center;color: #7f7c5f;font-weight:normal}
.dvReport .listTable .num{font-size:12px;width:20px}
.dvReport .listTable td em{color:#A6A6A6}
.dvReport .listTable th.subject{width:80px;text-align:left !important;}
.dvReport .listTable td.subject{text-align:left;color:#000 !important;letter-spacing:-1px;width:120px;font-family:NanumGothic;font-size:11px !important;font-weight:normal;line-height:1;letter-spacing:normal;color:#555555;padding:6px 0 !important;}
.dvReport .listTable td.subject p{padding:0 0 3px 0;margin:0;text-align:left}
.dvReport .listTable td.subject p.date{color:#888}
.dvReport .listTable td.subject p.subjectP{font-weight:bold}
.dvReport .listTable td.date{font-family:NanumGothic;font-size:13px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:3.15;letter-spacing:normal;color:#555555}
.dvReport .listTable td.name{font-weight:bold;color:#3574ff}
.dvReport .listTable td.target{color: #000;}
.dvReport .listTable .target{text-align:left;width:100px;padding-left:5px;}
.dvReport .listTable .result{width:60px}
.dvReport .listTable td.result{vertical-align:sub}
.dvReport .item{padding:10px;text-align:center}
.dvReport .popImg{background:url(/images/icon_docu@2x.png) 0 0 no-repeat;background-size:45px;width:45px;height:45px;display:inline-block;margin-left:13px}
.dvReport .noticeImg{background:url(/images/ico-warn-m.png) 0 0 no-repeat;background-size:45px;width:45px;height:45px;display:inline-block;margin-bottom:10px}
.dvReport .item .in{display:block;vertical-align:middle;position:relative;top:0} */
.dvReport img{margin:0 45px 10px;width:25px}
.dvReport h5{margin:5px 0 5px 0;font-size:18px;font-weight:600;text-align:center;color:#555555}
.dvReport .btnResultList{min-width:90px;line-height:35px;color:#fff;font-size:14px;background:#3574FF;border-radius:2px;padding:5px 20px;margin:2px 2px}


.listInvMainTable{width:100%;border-top:1px solid #aaa;table-layout:fixed}
.listInvMainTable th{width:30px;height:22px;color:#999;font-size:12px;border-bottom:1px solid #e8e8e8;text-align:center;background-color:#fbfbfc;font-size:12px;font-weight:inherit;letter-spacing:normal;color:#999999;padding:0 10px}
.listInvMainTable th.name{width:20px}
.listInvMainTable th.subject{text-align:left;padding:0 10px 0 15px}
.listInvMainTable th.period{}
.listInvMainTable td{height:30px;border-bottom:1px solid #e8e8e8;cursor:pointer;padding:1px 3px 0 3px;font-family:NanumGothic;font-size:13px;text-align:center;color:gray;font-weight:normal}
.listInvMainTable td.period{font-size:11px}
.listInvMainTable .num{font-size:12px;width:20px}
.listInvMainTable .del{display:inline-block;width:15px;height:18px;background:url(/images/ico_del.png) 0 0 no-repeat;background-size:15px auto;padding:0;vertical-align:middle;margin:0 0 2px 3px}
.listInvMainTable td em{color:#A6A6A6}
.listInvMainTable td.subject{text-align:left;color:#333;font-size:12px;font-weight:normal;line-height:1;letter-spacing:normal;color:#000;font-weight:bold;padding:6px 10px 6px 15px}
.listInvMainTable td.subject p{padding:0 0 7px 0;margin:0;text-align:left}
.listInvMainTable td.subject p.date{color:#888}
.listInvMainTable td.subject p.subjectP{font-weight:bold}
.listInvMainTable td.subject .act{color:#888;font-size:14px}

.inviteWarp{letter-spacing: -0.5px !important;}
.inviteWarp .newMenuBg{background:#fff}
.inviteWarp .newMenu{padding-top:25px;padding-bottom:25px;max-width:400px;margin:0 auto;text-align:center}
.inviteWarp .newMenu .menuBtn{width:134px;height:115px;border-radius:11px;background-color:#ffffff;box-shadow:0 4px 10px 0 rgba(173, 174, 201, 0.5);border:solid 1px #e2e2e4;display:inline-block;margin:5px;text-align:center;padding:17px 0 0 0;font-size:16px;font-weight:bold;line-height:1.0;letter-spacing:normal;color:#2d2d51;vertical-align:middle;cursor:pointer}
.inviteWarp .newMenu .menuBtn.notOpen{opacity:0.5}
.inviteWarp .newMenu .ico{display:block;width:50px;height:50px;margin:0 auto 10px;border-radius:50%}
.inviteWarp .newMenu .mnName{display:-webkit-box;-webkit-line-clamp:2;max-height:45px;overflow:hidden;text-overflow:ellipsis;/* word-break:break-all; */-webkit-box-orient:vertical;padding:0 5px}
.inviteWarp .newMenu #btnExhibition .ico{background:#eff3fc url(/images/ico_exh.png) 50% 50% no-repeat;background-size:30px auto !important}
.inviteWarp .newMenu #btnSeminar .ico{background:#eff3fc url(/images/ico_seminar.png) 50% 50% no-repeat;background-size:30px auto !important}
.inviteWarp .newMenu #btnFamilyEvent .ico{background:#eff3fc url(/images/ico_family.png) 50% 50% no-repeat;background-size:30px auto !important}
.inviteWarp .newMenu #btnConcert .ico{background:#eff3fc url(/images/ico_orchestra.png) 50% 50% no-repeat;background-size:30px auto !important}
.inviteWarp .newMenu .alertIcon{position:relative;top:-5px;right:-20px;border-radius:50px;color:#fff;padding:2px 7px;border-radius:100px;background-color:#ff1b42;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);font-family:NanumGothic;font-size:12px;font-weight:bold}

.inviteWarp .navMobile{padding:10px 15px 17px}
.inviteWarp .navMobile li{min-height:60px;font-size:14px;color:#333;padding:20px 17px;position:relative;cursor:pointer;text-align:left;box-shadow:0 4px 10px 0 rgba(173, 174, 201, 0.5);border-radius:12px}
.inviteWarp .navMobile li:after{display:none}
/* .inviteWarp .navMobile li.eventReport{background-size:18px auto} */
.inviteWarp .navMobile li.growing{padding-left:15px}
.inviteWarp .navMobile li.growing .info{display:inline-block}
.inviteWarp .navMobile li .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 3px 3px 0;vertical-align:middle}
.inviteWarp .navMobile li .name{display:inline-block;font-weight:bold;font-size:18px;margin:5px 10px 0 0}
.inviteWarp .navMobile li .dpt{font-size:15px;color:#3574ff}
.inviteWarp .navMobile li .rBox{position:absolute;top:10px;right:50px}
.inviteWarp .navMobile li .rBox .unCF{display:inline-block;font-size:11px}
.inviteWarp .navMobile li .rBox em{display:block;background:#ff3636;border-radius:50px;color:#fff;padding:0 10px;color:#fff;font-size:14px;text-align:center}
.inviteWarp .navMobile .accepting{display:inline-block;height:24px;line-height:24px;background:#EAF3FF;border-radius:24px;font-size:12px;color:#5099E3;padding:0 8px}
.inviteWarp .navMobile .waiting{display:inline-block;height:24px;line-height:24px;background:#FFF6E2;border-radius:24px;font-size:12px;color:#C78D0C;padding:0 8px}
.inviteWarp .navMobile .title{font-family:NanumGothic;font-size:16px;font-weight:600;color:#222222}
.inviteWarp .navMobile .exp{position:relative;top:-6px;float:left;font-family:NanumGothic;font-size:12px;font-weight:normal;color:#939393}

.inviteWarp .navMobile li.eventReport h4{font-size:16px;color:#333;font-weight:bold}
.inviteWarp .navMobile li.eventReport .address {display:block;background:url(/images/ico_address@2x.png) 0 50% no-repeat;background-size:15px auto;color:#777;font-size:14px;padding:0 0 0 20px;margin:2px 0}
.inviteWarp .navMobile li.eventReport .date {display:block;background:url(/images/ico_date@2x.png) 0 50% no-repeat;background-size:15px auto;color:#777;font-size:13px;padding:0 0 0 20px}
.inviteWarp .navMobile li.eventReport .notice {display:block;background:url(/images/ico_notice@2x.png) 1px 3px no-repeat;background-size:13px auto;color:#0177CB;font-size:13px;padding:0 0 0 20px;margin:2px 0}


.inviteWarp .navMobile .btnR {position:absolute;top:21%;right:15px;margin:-12px 0 0 0}

.inviteWarp .popPress{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:rgba(0,0,0,.7);padding:0}
.inviteWarp .popPress .inner{background:#FFF;border-radius:20px 20px 0 0;position:absolute;bottom:0;left:0;right:0;padding:30px 30px 40px 30px}
.inviteWarp .popPress .title{font-size:22px;font-weight:500;line-height:1.2;padding-top:15px}
.inviteWarp .popPress .content{margin-bottom:35px}
.inviteWarp .popPress .desc{display:flex;align-items:center;gap:10px;padding:10px 0}
.inviteWarp .popPress .desc .num{width:20px;line-height:20px;font-size:13px;color:#fff;background:#403F5F;text-align:center;border-radius:100%}
.inviteWarp .popPress .desc p{margin:0}
.inviteWarp .popPress .desc b{color:#2A5EFF;font-weight:600}
.inviteWarp .popPress .box{margin-top:10px;padding:15px 10px;font-size:13px;color:#9f0113;background:#FFF6F7;border-radius:8px;display:flex;align-items:center;gap:6px}
.inviteWarp .popPress .box:before{width:14px;height:14px;background:url(/images/ico_notice_red.svg) center no-repeat;content:'';display:block}
.inviteWarp .popPress .popChk{height:52px;font-size:15px;color:#fff;background:#2A5EFF;border-radius:8px;display:flex;align-items:center;justify-content:center}
.inviteWarp .popPress .popChk input{display:none}

.inviteWarp .listWrap .subTitle{display:flex;flex-direction: column;width:100%;padding:10px 15px}
.inviteWarp .listWrap .subTitle .tit{display:inline-block;font-size:16px;padding-top:10px;padding-bottom:12px}
.inviteWarp .listWrap .subTitle .stateR{}
.inviteWarp .listWrap .subTitle .inputRadio + label{height:24px;line-height:21px;font-size:11px;padding:0 7px;margin:0}
.inviteWarp .subTitle{padding:0 15px 10px 0;display:flex;font-size:14px;font-weight:600;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-0.2px;color:#000000;justify-content:flex-end}
.inviteWarp .subTitle button{padding:8px 12px;font-family:NanumGothic;font-size:13px;letter-spacing:-0.6px;text-align:center;color:#4886ff;border:1px solid #4886ff;border-radius:7px;background:#fff}
.inviteWarp .subTitle button:disabled,button[disabled]{color:#999;border:1px solid #999}
.inviteWarp .listTab{/* position:absolute; *//* height:calc(100% - 100px); */width:100%;text-align:center;/* background:rgba(0, 0, 0, 0.43); *//* z-index:99; */padding-top:10px}

.inviteWarp .listTable{width:100%;border-top:1px solid #aaa;table-layout:fixed}
.inviteWarp .listTable th{width:40px;height:22px;color:#999;font-size:12px;border-bottom:1px solid #e8e8e8;text-align:center;background-color:#fbfbfc;font-size:12px;font-weight:inherit;letter-spacing:normal;color:#999999}
.inviteWarp .listTable th.name{width:150px;text-align:left;padding-left:15px;}
.inviteWarp .listTable th.status{width:50px}
.inviteWarp .listTable td{height:auto;border-bottom:1px solid #e8e8e8;cursor:pointer;padding:1px 3px 0 3px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:NanumGothic;font-size:13px;text-align:center;color:#555555;font-weight:normal}
.inviteWarp .listTable td.status{font-size:11px;overflow:inherit}
.inviteWarp .listTable .num{font-size:12px;width:20px}
.inviteWarp .listTable .del{display:inline-block;width:15px;height:18px;background:url(/images/ico_del.png) 0 0 no-repeat;background-size:15px auto;padding:0;vertical-align:middle;margin:0 0 2px 3px}
.inviteWarp .listTable td em{color:#A6A6A6}
.inviteWarp .listTable th.subject{width:80px}
.inviteWarp .listTable th.subject{text-align:center}
.inviteWarp .listTable td.subject{/* text-align:left; */color:#333;letter-spacing:-1px;width:120px;font-family:NanumGothic;font-size:12px;font-weight:normal;line-height:1;letter-spacing:normal;color:#555555;padding:6px}
.inviteWarp .listTable td.subject p{padding:0 0 7px 0;margin:0;text-align:left}
.inviteWarp .listTable td.subject p.date{color:#888}
.inviteWarp .listTable td.subject p.subjectP{font-weight:bold}
.inviteWarp .listTable td.subject .act{color:#888;font-size:14px}
.inviteWarp .listTable td.date{font-family:NanumGothic;font-size:13px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:3.15;letter-spacing:normal;color:#555555}
.inviteWarp .listTable td.name{font-weight:bold;color:#3574ff;text-align:left;padding-left:15px;}

.inviteWarp .listTable .num{width:20px;font-family:NanumGothic;font-size:12px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:2.42;letter-spacing:normal;color:#999999}
.inviteWarp .listTable .history{width:70px}

.inviteWarp .btnApply{position:relative;top:20%;right:0%;width:150px;height:40px;background:#FFF;line-height:1.1;font-size:15px;color:#777;border:1px solid #adadad;border-radius:5px;padding:1px 10px 0 10px;overflow:hidden;word-wrap:break-word;z-index:99;opacity:1;font-weight:bold}
.inviteWarp .btnApply i{display:inline-block;width:12px;height:12px;background:url(../images/ico_add.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 2px 3px 0;color:#FFF}
.inviteWarp .btnGuideAdd{position:absolute;top:8px;right:7px;max-width:90px;height:30px;background:#fff;line-height:30px;font-size:12px;color:#555;border:1px solid #adadad;border-radius:20px;padding:0 7px;overflow:hidden;word-wrap:break-word}
.inviteWarp .btnGuideAdd i{display:inline-block;width:12px;height:12px;background:url(../images/ico_add.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 2px 3px 0}
.inviteWarp .btnMMConnect{position:absolute;top:8px;right:7px;max-width:90px;height:35px;background:#fff;line-height:30px;font-size:12px;color:#04b270;border:1px solid #04b270;border-radius:5px;padding:0 7px;overflow:hidden;word-wrap:break-word}
.inviteWarp .guideList{padding:0;font-size:12px;margin-top:5px;color:#3574ff;font-weight:bold}
.inviteWarp .guideList li{display:inline-block;border:1px solid #999;border-radius:3px;padding:3px 5px;margin:5px 5px 0 0}

.inviteWarp .inputTimePick{display:inline-block;height:30px;line-height:30px;font-size:16px;color:#333;background:url(../images/ico_clock_b.png) 50% 50% no-repeat;background-size:30px auto;padding:0 0 0 30px}
.inviteWarp .applyModal {position:absolute !important}
.inviteWarp .applyModal .modal-content{border-radius:2px;background:transparent}
.inviteWarp .applyModal .modal-header{height:45px;background:#496AEA;border-bottom:solid 1px #3B5BD4;border-radius:2px 2px 0 0;position:relative;padding:0 15px}
.inviteWarp .applyModal .modal-header h5{line-height:45px;font-size:15px;color:#fff;margin:0}
.inviteWarp .applyModal .modal-header .close{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;margin-top:0;opacity:.6}
.inviteWarp .applyModal .modal-header .close:hover{opacity:.8}
.inviteWarp .applyModal .modal-header .close span{display:none}
.inviteWarp .applyModal .carousel{}
.inviteWarp .applyModal .carousel-inner{background:#fff;height:270px}
.inviteWarp .applyModal .modal-dialog{top:30%}
.inviteWarp .applyModal .carousel-inner>.item{padding:10px;text-align:center}
.inviteWarp .applyModal .carousel-inner>.item .itemBox{display:table;width:100%}
.inviteWarp .applyModal .carousel-inner>.item .itemBox .popImg{background:url(/images/icon_docu@2x.png) 0 0 no-repeat;background-size:45px;width:45px;height:45px;display:inline-block;margin-left:13px}
.inviteWarp .applyModal .carousel-inner>.item .in{display:block;vertical-align:middle;position:relative;top:40px}
.inviteWarp .applyModal .carousel-inner>.item .in.vTop{vertical-align:top}
.inviteWarp .applyModal .carousel-inner>.item .up{padding:0 0 0 25px}
.inviteWarp .applyModal .carousel-inner>.item img{margin:0 45px 10px;width:25px}
.inviteWarp .applyModal .carousel-inner>.item h4{font-size:22px;color:#000;margin:0 0 10px 0}
.inviteWarp .applyModal .carousel-inner>.item h5{margin:5px 0 5px 0;font-size:20px;font-weight:600;text-align:center;color:#555555}
.inviteWarp .applyModal .carousel-inner>.item h5:first-child{margin-top:0}
.inviteWarp .applyModal .carousel-inner>.item p{margin:22px 0 26px 0;font-size:15px;line-height:1.44;text-align:center;color:#333333;letter-spacing:-1px}
.inviteWarp .applyModal .carousel-inner>.item .explain{font-size:14px;color:#000;text-align:left;margin:0 0 15px 15px}
.inviteWarp .applyModal .carousel-inner>.item .point{color:#0063FF}
.inviteWarp .applyModal .carousel-inner>.item .btnLink{display:inline-block;min-width:200px;height:35px;line-height:33px;background:#496AEA;border:solid 1px #3B5BD4;border-radius:2px;font-size:14px;color:#fff;text-align:center;padding:0 10px}
.inviteWarp .applyModal .carousel-inner>.item .btnLink:hover{background:#3B5BD4;border:solid 1px #2949C6}
.inviteWarp .applyModal .controlWrap{height:50px;background:#F9F9F9;border-top:solid 1px #EBEBEB;position:relative;padding:0 10px}
.inviteWarp .applyModal .carousel-control{font-size:14px;color:#000;font-family:NanumGothicBold;line-height:50px;text-shadow:none;opacity:1;position:relative}
.inviteWarp .applyModal .carousel-control.left{background:none}
.inviteWarp .applyModal .carousel-control.left:before{display:inline-block;width:13px;height:7px;content:"";background:url(/images/ico_arrow_l.gif) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.inviteWarp .applyModal .carousel-control.right{background:none}
.inviteWarp .applyModal .carousel-control.right:after{display:inline-block;width:13px;height:7px;content:"";background:url(/images/ico_arrow_r.gif) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 5px}
.inviteWarp .applyModal .todayWrap{height:37px;line-height:35px;background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 2px 2px;text-align:right;font-size:13px;color:#777;padding:0 20px 0 0}
.inviteWarp .applyModal .todayWrap .inputChk + label{font-family:NanumGothicBold;margin:0 10px 0 10px;cursor:pointer}
.inviteWarp .applyModal .todayWrap .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0}
.inviteWarp .applyModal .todayWrap .inputChk:checked + label{color:#2366FF}
.inviteWarp .applyModal .todayWrap .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}
.inviteWarp .applyModal .todayWrap .btClose{height:22px;height:22px;background:url(/images/ico_update_close.png) 50% 50% no-repeat;opacity:0.7;text-indent:-9999px;vertical-align:middle;margin:0 0 2px 0}
.inviteWarp .applyModal .todayWrap .btClose:hover{opacity:1}
.inviteWarp .applyModal .inputRadio{display:none}
.inviteWarp .applyModal .inputRadio + label{background:#f7f7f7;border:solid 1px #cccccc;padding:15px 10px;border-radius:0px;margin:2px 1px;cursor:pointer;width:130px;height:50px;line-height:1.2;font-size:15px;color:#555555;font-weight:normal;vertical-align:middle}
.inviteWarp .applyModal .inputRadio:checked + label{border:solid 1px #266AD0;color:#fff;background:#3574ff}

.inviteWarp .step{text-align:center;padding:20px 0 0}
.inviteWarp .step ul{display:inline-block;margin:15px 0 10px;padding:0}
.inviteWarp .step li{float:left;font-size:12px;color:#999;margin-right:30px;position:relative;padding:5px;border-radius:3px}
.inviteWarp .step li:last-child{margin-right:0}
.inviteWarp .step li span{font-size:12px; color:#999; display:none}
.inviteWarp .step li.step-on{background:#06c272;position:relative;color:#FFF}
.inviteWarp .step li.step-on span{color:#06c272; display:inline-block}
.inviteWarp .step li.step-on::before{content:''; background-color:#04B270;position:absolute;bottom:0;left:0;height:1px;width:100%}
.inviteWarp .step li::after{content:'▶';display:inline-block;background:url('/images/step-arrow@2x.png')no-repeat;background-size:6px;width:6px;height:11px;position:absolute;right:-18px;top:4px;color:#999}
.inviteWarp .step li:last-child::after{display:none}

@media (min-width:1200px){
.inviteWarp .step{margin:0 -8px}
}

.inviteWarp .writeWrap .inputNumber{font-size:13px;border-radius:4px;color:#333;width:calc(100% - 150px);height:40px;margin-right:8px;padding:0 10px}
.inviteWarp .btnDelete{margin:0 0 0 0}

.inviteWarp .writeWrap .btnGroupTop{margin:0 10px 10px 4px;float:left}
.inviteWarp .writeWrap .btnGroupTop button{vertical-align:middle;outline:none;min-width:45px;height:35px;line-height:30px;background:#f8f8f8;border:solid 1px #d8d8d8;font-size:12px;color:#999;font-weight:bold;letter-spacing:-0.5px;padding:0 3px;margin:0 -3px}
.inviteWarp .writeWrap .btnGroupTop .on{background:#fff;border:solid 1px #3574ff;color:#266ad0;position:relative}
.inviteWarp .writeWrap .dateSet{margin:4px 0;clear:both}
.inviteWarp .writeWrap .dateSet .btnPeriod{min-width:50px;height:30px;line-height:30px;background:#3574ff;color:#fff;font-size:13px;padding:0 5px;border-radius:2px;padding:0 5px}

.inviteWarp .explainDiv{padding:10px 15px;background:#fff1e3 !important;font-size:13px;font-weight:bold;color:#777 !important}

.inviteWarp .carousel-indicators{bottom:-20px}
.inviteWarp .carousel-indicators li{width:7px;height:7px;margin:0px;border:none;background-color:rgba(0, 0, 0, 0.2);margin:0 2px}
.inviteWarp .carousel-indicators .active{width:12px;height:7px;margin:0;background-color:#424242}

@media (min-width:380px){
.inviteWarp .writeWrap .dateSet{margin:0 0;clear:none}
}
.inviteWarp .status{text-align:center;font-weight:bold}
.ticketLayer .status{}
.inviteWarp .status span{border-radius:10.5px;padding:3px 7.5px;font-size:12px;text-align:center}
.ticketLayer .status span{border-radius:10.5px;padding:4px 8.5px;font-size:12px;text-align:center}
.inviteWarp .status span.N, .ticketLayer .status span.N{background-color:#06c272;color:#ffffff; vertical-align:text-bottom}
.inviteWarp .status span.Y, .ticketLayer .status span.Y{background-color:#4886ff;color:#ffffff; vertical-align:text-bottom}
.inviteWarp .status span.X, .ticketLayer .status span.X{background-color:#fa5155;color:#ffffff; vertical-align:text-bottom}
.inviteWarp .status span.E, .ticketLayer .status span.E{background-color:#bababa;color:#ffffff; vertical-align:text-bottom}
.inviteWarp .status em, .ticketLayer .status em{font-size:16px;font-weight:bold}
.inviteWarp .status .disabled, .ticketLayer .status .disabled{opacity:0.6}

.inviteWarp .targetList{display:flex;flex-wrap:wrap;gap:4px;padding:20px 20px 0px;}
.inviteWarp .targetList .btnAdd{width:100%;height:40px;background:#6c6f73;font-weight:bold;font-size:14px;color:#fff;margin-top:10px}
.inviteWarp .targetList .btnAdd:before{display:inline-block;content:"+";margin:0 5px 0 0}
.inviteWarp .targetList .btnTarget{width: calc(33% - 1.6px);height:40px;margin-bottom:3px;background:#FFF;border:1px solid #6c6f73;padding:5px;border-radius:2px;font-weight:bold;opacity:0.5;}
.inviteWarp .targetList .btnTarget.on{opacity:1;border-color:#555}
.inviteWarp .targetList .btnTarget em{font-size:10px}
.inviteWarp .targetList .listTable{width:80%;margin:0 auto}
.inviteWarp .targetList .listTable td{height:25px}

.inviteWarp .inputResultRadio{display:none}
.inviteWarp .inputResultRadio + label{display:inline-block;height:21px;font-size:15px;cursor:pointer;padding:0 0 0 0;margin:0 10px 5px 0}
.inviteWarp .inputResultRadio + label:before{content:"";display:inline-block;width:18px;height:18px;border:solid 1px #777;background:#fff;border-radius:18px;vertical-align:middle;margin:0 5px 3px 0}
.inviteWarp .inputResultRadio:checked + label{color:#2737d6}
.inviteWarp .inputResultRadio:checked + label:before{border-color:#2737d6;background:#4858ff url(../images/ico_radio_check.png) 50% 50% no-repeat}
.inviteWarp .inputResultRadio:disabled + label{color:#888;opacity:0.5}
.inviteWarp .inputResultRadio:checked:disabled + label:before{border-color:#666;background-color:#888}
.inviteWarp .inputResultRadio:disabled + label:before{border-color:#666;opacity:0.5}

.inviteWarp .w75{width:calc(100% - 75px)}
.inviteWarp .targetArea{padding-top:0;border-top:none}
.inviteWarp .targetArea .btnNameSave{height:30px;line-height:30px;background:#266AD0;color:#fff;font-size:13px;padding:0 10px;border-radius:30px;min-width:50px}
.inviteWarp .targetArea table{margin-bottom:-10px}
.inviteWarp .targetArea table td{padding:5px 10px}
.inviteWarp .targetArea table th{height:25px;background:#ebebeb}

.starR{background:url(../images/ico_star_none.png) no-repeat right 0;background-size:auto 100%;width:30px;height:30px;display:inline-block;text-indent:-9999px;cursor:pointer}
.starR.on{background:url(../images/ico_star.png) no-repeat right 0; background-size:auto 100%;width:30px;height:30px;display:inline-block;text-indent:-9999px;cursor:pointer}
  
.inviteWarp .explain{color:#A8A8A8;font-size:12px;line-height:1.1;display:block;padding:0 15px}
.inviteWarp .explain a{color:#0b5f90;text-decoration:underline}
.inviteWarp .eventInfo{text-align:center;padding-top:10px;background-color:#fbfbfc;position:relative}
.inviteWarp .eventInfo .btnBack{width:28px;height:28px;background:transparent url(/images/ico_comm_back@2x.png) 50% 50% no-repeat;background-size:15px auto;position:absolute;top:36px;left:15px;}
.inviteWarp .eventInfo .eventStatus{display:inline-block;border:1px solid #06c272;width:40px;line-height:18px;border-radius:20px;font-size:11px;font-weight:500;letter-spacing:-0.5px;text-align:center;color:#06c272}
.inviteWarp .eventInfo .eventTitle{display:block;font-family:NanumGothic;font-size:21px;font-weight:600;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-1px;text-align:center;color:#000000;margin-top:4px}
.inviteWarp .eventInfo .eventTitleN{display:block;font-family:NanumGothic;max-height:50px;font-size:21px;font-weight:600;font-style:normal;font-stretch:normal;line-height:1.2;letter-spacing:-1px;text-align:center;color:#000000;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;margin:0 20px 3px 45px;}
.inviteWarp .eventInfo .eventSmall{display:block;font-family:NanumGothic;font-size:12px;letter-spacing:-.5px;color:#939393;margin-top:1px}
.inviteWarp .eventInfo .eventSmall .eventPeriod{}
.inviteWarp .eventInfo .eventSmall .eventChurch{color:#3574ff;margin-left:5px}
.inviteWarp .eventVisual{position:relative}
.inviteWarp .eventVisual.event1{display:table;width:calc(100% - 0px);height:120px;background:#F5E8C6 url(https://globalapi.watv.org/images/WMCMyMission/banner/exh_mother.jpg) 0 0 no-repeat;background-size:auto 100%}
.inviteWarp .eventVisual.event1 .in{display:table-cell;vertical-align:middle}
.inviteWarp .eventVisual.event2{display:table;width:100%;height:100px;background:#282828 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_exh_father@2x.jpg) 0 0 no-repeat;background-size:auto 100%}
.inviteWarp .eventVisual.event2 .in{display:table-cell;vertical-align:middle}
.inviteWarp .eventVisual.event2 .invBannerIn{padding:0 10px 0 120px}
.inviteWarp .eventVisual.event2 .tit{color:#fff;font-size:15px;leter-spacing:-0.5px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.inviteWarp .eventVisual.event2 .tit .textS{font-size:13px}
.inviteWarp .eventVisual.event2 .explain{line-height:1.2;color:#fff;font-size:12px;letter-spacing:-0.5px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;opacity:0.8;margin:2px 0 0 0;padding:0}

/*(세미나)기본*/
.inviteWarp .eventVisual.event3{height:190px;background:#6e6954 url(https://globalapi.watv.org/images/WMCMyMission/banner/img_banner3@3x.jpg) center 0 no-repeat;background-size:auto 100%}
.inviteWarp .eventVisual.event3 .eventTitle{display:none}
.inviteWarp .eventVisual.event3 .tag{}

/*(세미나)25~29회 직장인을 위한 세미나*/
.inviteWarp .eventVisual.event3{height:190px;background:#6e6954 url(https://globalapi.watv.org/images/WMCMyMission/banner/img_banner3_worker@3x.jpg) center 0 no-repeat;background-size:auto 100%}
.inviteWarp .eventVisual.event3 .eventTitle{display:none}
.inviteWarp .eventVisual.event3 .tag{display:none}

.inviteWarp .eventVisual.event4{height:100px;background:#112989 url(https://globalapi.watv.org/images/WMCMyMission/banner/media_view_KOR.jpg) 0 0 no-repeat;background-size:auto 100%}
/* .inviteWarp .eventVisual .in:before{position:absolute;top:45px;left:30px;display:block;content:"";width:130px;height:60px;background:url(/images/Logo@2x.png) 0 0 no-repeat;background-size:110px} */
.inviteWarp .eventVisual .eventTitle{position:relative;color:#fff;text-align:left;letter-spacing:-1px;/*text-shadow:1px 2px 1px rgba(6,85,149,0.5);*/padding:135px 0 0 0;margin:0 0 5px 33px;/* z-index:2; */font-family:NanumGothic;font-size:11px;line-height:1.46}
.inviteWarp .eventVisual .tag{position:absolute;top:10px;left:15px;font-family:NanumGothic;font-size:11px;font-weight:500;letter-spacing:-0.5px;text-align:center;color:#ffffff;border-radius:10px;background-color:#6cbd3c;padding:0 6px;height:20px;line-height:20px}
.inviteWarp .eventVisual .tag.orange{background-color:#ee9f1b}
.inviteWarp .eventVisual .btnManual{position:absolute;top:10px;right:10px;font-family:NanumGothic;font-size:11px;font-weight:500;letter-spacing:-0.5px;text-align:right;color:#3574ff;border-radius:10px;background-color:#ffffff;padding:0 6px;z-index:99;height:20px;line-height:20px}
.inviteWarp .eventVisual .btnManual:before{content:'';height:13px;width:20px;display:inline-block;background:url(../images/ico_book_blue@2x.png) 0px 0px no-repeat;background-size:14px auto;cursor:pointer;position:relative;bottom:-2.5px;left:2px}
.inviteWarp .myMemoNickNm{color:#939393;font-size:12px;font-weight:bold}
.inviteWarp h4.resultTxt{color:#888;font-size:12px;font-weight:normal;padding:0;/*border-top:solid 1px #E8E8E8;*/}
.inviteWarp .psResultTable p.saintNm{font-weight:bold}
.inviteWarp .psResultTable p.dispNo{color:#939393;font-size:12px}
.inviteWarp .btnMMSearch{width:40px;background:#fff url(/images/ico_search_in_top.png) right 50% no-repeat;height:40px;border-radius:0;font-size:14px;border:solid 1px #D8D8D8;background-color:#F8F8F8;padding:0 10px;margin-left:-15px}
.inviteWarp .swiper-pagination-bullet-active{width:12px;border-radius:25px}
.inviteWarp .inviteKind{text-align:center;margin:10px auto;display:flex;justify-content:center;align-items:center}
.inviteWarp .inviteKindIn{}
.inviteWarp .btnKind{padding:8px 9px;border-radius:15px;font-size:13px;background-color:#fff;border:1px solid #6da1ff}
.inviteWarp .btnKind.on{background-color:#6da1ff;color:#fff;font-weight:bold}
.invitePageCarousel{padding:0 20px}

.inviteWarp .noticeClosing{position:fixed;top:304px;left:0;right:0;bottom:0;background:none;border-top:solid 1px rgba(0,0,0,0.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0, 0, 0, .35);z-index:1;padding:0 20px}
.inviteWarp .noticeClosing .msgBox{max-width:500px;background:#fff url(/images/ico_notice_event.png) 20px 24px no-repeat;border-radius:10px;font-size:17px;color:#000;line-height:1.3;font-weight:500;letter-spacing:-0.5px;box-shadow:5px 5px 5px rgba(0,0,0,0.15);padding:20px 20px 20px 40px;margin:20px auto}

.inviteWarp .inviteBtn{background-color:#EAF3FF;color:#5099E3;width:100%;height:40px;border-radius:5px;margin-top:14px;font-weight:600;font-size:15px}
.inviteWarp .inviteBtn:before{width:16px;height:16px;margin-right:6px;vertical-align:-3px;content:'';display:inline-block;background:url(../images/ico_invite_add.svg) 0 0 no-repeat;background-size:contain}

.inviteWarp .eventVisual.event1 .btnManual{top:5px}
.inviteWarp .eventVisual.event1 .invBannerIn{position:relative;padding:5px 10px 0 150px}
.inviteWarp .eventVisual.event1 .tit{color:#4E3B26;font-size:15px;letter-spacing:-0.5px;font-weight:bold;width:calc(100% - 5px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.inviteWarp .eventVisual.event1 .explain{line-height:1.2;color:#8A7D6F;font-size:12px;letter-spacing:-0.5px;width:calc(100% - 5px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin:2px 0 0 0;padding:0}

.ticketLayer{}
.ticketLayerBg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5)}
.ticketLayerBox{position:absolute;top:50px;left:50%;margin:0 auto;width:calc(100% - 20px);max-width:400px;box-shadow:1px 1px 10px rgba(0,0,0,0.3);z-index:100;/*100이상*/transform: translate(-50%, 0%);}
.ticketLayerBox .title{height:50px;background:linear-gradient( 90deg, #3574ff, #5c44fd );border-radius:3px 3px 0 0;position:relative}
.ticketLayerBox .title h3{line-height:50px;color:#fff;font-size:15px;font-weight:bold;padding:0 0 0 15px}
.ticketLayerBox .title .btnClose{position:absolute;top:0;right:0;width:50px;height:50px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;cursor:pointer}
.ticketLayerBox .con{background:#fff;border-radius:0 0 3px 3px;padding:15px 15px 25px 15px}
.ticketLayerBox .ticketNo{}
.ticketLayerBox .ticketNo dt{font-size:14px;color:#999}
.ticketLayerBox .ticketNo dd{font-size:33px;color:#1d64ff;letter-spacing:-2px;text-align:center}
.ticketLayerBox .ticketVisual{background:url(/images/img_ticket.jpg) 0 0 no-repeat;background-size:100% 100%;text-align:center;padding:13px 0;margin:10px 0 0 0}
.ticketLayerBox .ticketVisual dt{font-size:18px;color:#fff;font-weight:bold;letter-spacing:-1px}
.ticketLayerBox .ticketVisual dd{font-size:12px;color:#fff;margin:2px 0 0 0}
.ticketLayerBox .ticketVisual dd .chName{display:inline-block;color:#82c9ff;margin:0 0 0 5px}
.ticketLayerBox .ticketTable{margin:15px 0 0 0;letter-spacing:-1px}
.ticketLayerBox .ticketTable th{min-width:70px;font-size:13px;color:#888;font-weight:lighter;padding:0 0 3px 0}
.ticketLayerBox .ticketTable td{font-size:15px;color:#000;padding:0 0 3px 0}
.ticketLayerBox .ticketTable td.name{font-weight:bold}
.ticketLayerBox .ticketTable td.date{letter-spacing:-0.5px}
.ticketLayerBox .ticketTable td .bar{display:inline-block;color:#e8e8e8;margin:0 3px}
.ticketLayerBox .explain{font-size:13px;color:#777;letter-spacing:-1px;line-height:1.5;margin:10px 0 0 0}
.ticketLayerBox .btnF{text-align:center;margin:15px 0 0 0}
.ticketLayerBox .btnF .btnClose{width:100%;height:45px;line-heihgt:33px;font-size:17px;color:#555;font-weight:bold;background:#fff;border:solid 1px #ccc;border-radius:3px}
.ticketLayerBox .btnF .btnCancle{width:100%;height:45px;background:#e83838;color:#fff;font-size:15px;border-radius:3px}

.ticketBox{display:block;margin:20px 20px 40px 20px}
.ticketBox .title{display:flex;justify-content:space-between;align-items:center;margin:0 0 5px 0}
.ticketBox .title h3{font-size:15px;font-weight:600;color:#333}
.ticketBox .title .btnMore{height:13px;background:url(/images/ico_arrow_cal_on.png) right 0 no-repeat;background-size:8px auto;font-size:13px;color:#666;padding:0 15px 0 0}
.ticketBox .con{border:solid 1px #6AB098;border-radius:10px}
.ticketBox .ticketHead{background:#F7FBFA;border-radius:10px 10px 0 0;text-align:center;padding:13px 20px;position:relative}
.ticketBox .ticketHead .code{color:#109649;font-size:24px;font-weight:600}
.ticketBox .ticketHead .code .front{color:#333}
.ticketBox .ticketHead .info{display:flex;justify-content:center;gap:10px;font-size:14px;color:#666}
.ticketBox .ticketHead .kind{flex-shrink:0;font-weight:600}
.ticketBox .ticketHead .church{}
.ticketBox .ticketHead .itemCircleL{display:inline-block;width:14px;height:14px;background:#fff;border:solid 1px #6AB098;border-radius:50%;position:absolute;bottom:-6px;left:-7px}
.ticketBox .ticketHead .itemCircleL:before{display:block;content:"";width:7px;height:14px;background:#fff;border:none;position:relative;top:-1px;left:-1px}
.ticketBox .ticketHead .itemCircleR{display:inline-block;width:14px;height:14px;background:#fff;border:solid 1px #6AB098;border-radius:50%;position:absolute;bottom:-6px;right:-7px}
.ticketBox .ticketHead .itemCircleR:before{display:block;content:"";width:7px;height:14px;background:#fff;border:none;position:relative;top:-1px;left:7px}
.ticketBox .ticketItem{padding:15px 20px}
.ticketBox .ticketItem dl{display:flex;justify-content:space-between;border-bottom:dashed 1px #EAEAEA;padding:8px 0}
.ticketBox .ticketItem dl:last-child{border-bottom:none}
.ticketBox .ticketItem dt{font-size:14px;color:#666;font-weight:400}
.ticketBox .ticketItem dd{font-size:15px;color:#222;font-weight:600}
.ticketBox .ticketItem .bar{display:inline-block;color:#ddd;font-weight:400;margin:0 5px}
.ticketBox .ticketBtn{display:flex;border-top:solid 1px #EAEAEA}
.ticketBox .ticketBtn button{flex:1;height:45px;background:transparent;border-left:solid 1px #EAEAEA;font-size:14px;color:#333;font-weight:600}
.ticketBox .ticketBtn button:first-child{border-left:none}
.ticketBox .ticketBtn .btnCancel{color:#E05866}

.inviteWarp .btn-right {background:none;border:0;position:relative;width:30%;height:45px;margin:0 -2px;font-size:12px}
.inviteWarp .btn-right.center {width:38%}
.inviteWarp .btn-right.step-on a {text-decoration:none;position:relative;z-index:10;font-size:14px;color:#ffffff}
.inviteWarp .btn-right a {color:#898c90;text-decoration:none;position:relative;z-index:10;font-size:14px}
.inviteWarp .btn-right.step-on::before, .btn-right.step-on::after {background:#3574ff;border-radius:2px;content:'';display:block;position:absolute;left:0;right:0;transition:all 1s;height:22.5px}
.inviteWarp .btn-right::before, .btn-right::after {background:#f7f7f7;border-radius:2px;content:'';display:block;position:absolute;left:0;right:0;transition:all 1s;height:22.5px}
.inviteWarp .btn-right::before {box-shadow:0px 0px 0 #dbdfe5, 0px 0px 0 #dbdfe5, 0px 0px 0 #dbdfe5, 0px -1px 0 #dbdfe5;-webkit-transform:skew(45deg);transform:skew(35deg);top:0;border-right:1px solid #dbdfe5}
.inviteWarp .btn-right::after {box-shadow:0px 0px 0 #dbdfe5, 0px 0px 0 #dbdfe5, 0px 0px 0 #dbdfe5, 0px 1px 0 #dbdfe5;-webkit-transform:skew(-45deg);transform:skew(-35deg);bottom:0;border-right:1px solid #dbdfe5}
.inviteWarp .btn-right.step-on .box{display:inline-block;background-color:#3574ff;height:45px;width:20px;position:absolute;left:-10px;top:0;z-index:1}
.inviteWarp .btn-right .box{display:inline-block;background-color:#f7f7f7;height:46px;width:20px;position:absolute;left:-10px;top:0;z-index:1}
.inviteWarp .btn-right .box.right{display:inline-block;background-color:#f7f7f7;height:47px;width:20px;position:absolute;right:-10px;left:auto;top:-1px;z-index:1;border-top:1px solid #dbdfe5;border-bottom:1px solid #dbdfe5}
.inviteWarp .btn-right.step-on .box.right{display:inline-block;background-color:#3574ff;height:48px;width:20px;position:absolute;right:-10px;left:auto;top:-1px;z-index:1;border-top:1px solid #dbdfe5;border-bottom:1px solid #dbdfe5}
.inviteWarp .btn-right.step-on .num{border-radius:50%;background-color:#FFF;color:#3574ff;width:17px;height:17px;display:inline-block;margin-right:2px;text-align:center;padding:1px}
.inviteWarp .btn-right .num{border-radius:50%;background-color:#a9acb0;color:#FFF;width:17px;height:17px;display:inline-block;margin-right:2px;text-align:center;padding:1px}

em.explain{font-size:12px;color:#d05 !important;padding:0 !important}
.fieldError{border:1px solid #d05 !important}
.btnGuideDel{width:20px;height:20px;border-radius:30px;background:#FFF url(../images/ico_file_close.png) 50% 35% no-repeat;background-size:10px auto}

.divAgeGroup{padding:0}
.divAgeGroup .ageDetailTh{min-width:60px;border:none;padding:0 2px 0 0 !important;margin:0;height:auto !important;vertical-align:middle;text-align:center}
.divAgeGroup .ageDetailTd{border:none !important;padding:0 5px 7px 0 !important}
.divAgeGroup .ageDetailTd input{height:30px !important;border:1px solid #E3E3E3}
.divAgeGroup .minus:before{display:inline-block;width:12px;height:12px;content:"-";margin-right:3px}
.divAgeGroup .plus:before{display:inline-block;width:12px;height:12px;content:"+";margin-right:3px}
.divAgeGroup .btn-default{border:1px solid #E3E3E3;height:30px;font-size:20px;color:#777;padding:0 8px}
.divAgeGroup .form-control{padding:6px 2px !important}
.divAgeGroup table{width:100%;max-width:600px}

.necessary:before{content:"*";margin-left:3px;color:#d05}

.calLayer{/* display:none; */position:relative;width:300px;margin:0 auto;bottom:190px;z-index:999;background:#FFF;border:1px solid #eee;box-shadow:0 3px 9px rgba(0,0,0,.5)}

.navMobile{}
.navMobile li{min-height:60px;border-bottom:solid 1px #e2e2e4;font-size:14px;color:#333;padding:22px 20px 18px 54px;position:relative;cursor:pointer}
.navMobile li:after{display:inline-block;position:absolute;top:28px;right:15px;width:12px;height:12px;content:"";background:url(/images/ico_arrow.png) 50% 50% no-repeat;background-size:auto 12px}
.navMobile li.sermon50{line-height:1.2;background:url(/images/ico_nav3.png) 26px 50% no-repeat;background-size:18px auto;padding:22px 27px 18px 50px}
.navMobile li.sermon50:after{top:25px}
.navMobile.mng li{border-top:solid 1px #e8e8e8;border-bottom:solid 1px #e8e8e8;box-shadow:0 6px 0 #f3f5f7;margin:0 0 6px 0;padding:0 20px;position:relative}
.navMobile.mng li:first-child{border-top:none}
.navMobile.mng li:after{display:none}
.navMobile.mng .name{color:#000;margin:15px 5px 0 0}
.navMobile.mng .duty{color:#333}
.navMobile.mng .btnMngHisR{position:absolute;top:17px;right:20px}
.navMobile.mng .btnHistory{min-width:45px;height:30px;background:#fff;border:solid 1px #4e99e0;border-radius:15px;color:#4e99e0;font-size:12px;font-weight:bold;padding:2px 5px 0 5px}
.navMobile.mng .info{font-size:13px;color:#888}
.navMobile.mng .dpt{color:#36a6f9}
.navMobile.mng .bar{color:#f1f2f6}
.navMobile.mng .btnMng{}
.navMobile.mng .white{display:inline-block;width:calc(50% - 5px);height:33px;background:#3574ff;color:#fff;font-size:13px;letter-spacing:-1px;padding:3px 0 0 0}
.navMobile.mng .white:first-child{margin:0 8px 0 0}
.navMobile.mng .btnMngL{padding:0 0 8px 0}
.navMobile.mng .loginYN{color:#2949c6;font-weight:bold;text-align:center;padding:10px 0 8px 0}
.navMobile.mng .infoYN{background:#f9fafc;color:#2946c6;text-align:center;letter-spacing:-0.5px;padding:5px 0;margin:0 0 8px 0}
.navMobile.mng .infoYN .bar{display:inline-block;color:#e7e8ec;vertical-align:middle;margin:0 10px 3px 10px}
.navMobile.mng .o{display:inline-block;width:11px;height:11px;background:url(/images/ico_o_g@2x.png) 0 0 no-repeat;background-size:11px auto;margin:0 0 0 5px}
.navMobile.mng .x{display:inline-block;width:11px;height:11px;background:url(/images/ico_x_gray@2x.png) 0 0 no-repeat;background-size:11px auto;margin:0 0 0 5px}
.navMobile.mng .o-red{display:inline-block;width:11px;height:12px;background:url(/images/ico_o_r@2x.png) 0 0 no-repeat;background-size:11px auto;margin:0 0 0 5px}


.headerTop{min-height:40px;background:#797b7d;border-top:solid 1px #4d6379;position:relative}
.headerTop h3{font-size:14px;color:#fff;text-align:center;margin:0;padding:10px 20px;font-weight:bold;font-family:AppleSDGothicNeo}
.headerTop .btnPrev{position:absolute;top:0;left:0;width:40px;height:40px;cursor:pointer;background:url(/images/ico_prev.png) 50% 50% no-repeat;background-size:auto 18px;text-indent:-9999px}
.headerTop .btnHome{position:absolute;top:0;right:0;width:40px;height:40px;cursor:pointer;background:url(/images/ico_nav_home.png) 50% 50% no-repeat;background-size:auto 18px;text-indent:-9999px}

.dateEnterWrap{}
.dateEnterWrap .sectionBox{border-bottom:solid 1px #D8D8D8;padding:15px 20px}
.dateEnterWrap .sectionBoxDown{border-bottom:solid 1px #D8D8D8;background:#F8F8F8;padding:15px 20px 20px 20px}
.dateEnterWrap .btnArea{text-align:center;padding:20px 20px 0 20px}
.dateEnterWrap .btnArea.mg{padding:20px 20px 20px 20px}
.dateEnterWrap .btnNormal{width:49%;max-width:180px;height:50px;background:#fff;border:solid 1px #A2A2A2;border-radius:3px;font-size:16px;color:#333;font-weight:600;padding:0 10px;cursor:pointer}
.dateEnterWrap .btnOK{width:49%;max-width:180px;height:50px;background:#3574FF;border:solid 1px #1A45CE;border-radius:3px;font-size:16px;color:#fff;font-weight:600;padding:0 10px;cursor:pointer}
.dateEnterWrap .enterTable{width:100%}
.dateEnterWrap .enterTable th{width:110px;font-size:13px;color:#000;text-indent:-13px;padding:0 10px 0 13px}
.dateEnterWrap .enterTable td{padding:5px 0}
.dateEnterWrap .enterTable td.classi{padding-left:5px}
.dateEnterWrap .enterTable td.classi button{}
.dateEnterWrap .enterTable td.classi button.on{}
.dateEnterWrap .enterTable .speakTh{vertical-align:top;padding-top:10px}
.dateEnterWrap .enterTable .name{color:#666;padding:12px 0 0 0}
.dateEnterWrap .enterTable .presenterArea{}
.dateEnterWrap .enterTable .presenter{font-size:15px;color:#3574FF;font-weight:bold}
.dateEnterWrap .enterTable .presenter1{color:#666}
.dateEnterWrap .enterTable .form-control{box-shadow:none;height:35px;border-radius:2px}
.dateEnterWrap .enterTable .btnNameSave{height:30px;line-height:1.1;background:#FFF;color:#266AD0;border:1px solid #266AD0;font-size:13px;padding:0 10px;border-radius:30px;min-width:50px}
.dateEnterWrap .enterTableH{width:100%}
.dateEnterWrap .enterTableH th{width:90px;font-size:14px;color:#777;font-weight:lighter}
.dateEnterWrap .enterTableH td{padding:4px 0 10px 0}
.dateEnterWrap .itemTable{width:100%}
.dateEnterWrap .itemTable th{width:110px;font-size:15px;color:#000;text-indent:-13px;border-top:solid 1px #E8E8E8;padding:12px 10px 0 13px;vertical-align:top}
.dateEnterWrap .itemTable td{border-top:solid 1px #E8E8E8;padding:0 0}
.dateEnterWrap .itemTable tr:first-child th,
.dateEnterWrap .itemTable tr:first-child td{border-top:none}
.dateEnterWrap .group{margin:8px 0}
.dateEnterWrap .group button{width:20%;height:35px;background:#fff;color:#333;font-size:14px;border:solid 1px #D8D8D8;margin:0 0 0 -1px}
.dateEnterWrap .group button.on{background:#3574FF;border-color:#1A45CE;color:#fff;position:relative;z-index:1}
.dateEnterWrap .group button:first-child{border-radius:3px 0 0 3px}
.dateEnterWrap .group button:last-child{border-radius:0 3px 3px 0}
.dateEnterWrap .opinionTable{width:100%}
.dateEnterWrap .opinionTable th{font-size:15px;color:#000;padding:0 0 7px 0}
.dateEnterWrap .opinionTable td{text-align:center}
.dateEnterWrap .addText{height:35px;line-height:35px;border:solid 1px #D8D8D8;border-radius:3px}
.dateEnterWrap .areaText{height:75px;border:solid 1px #D8D8D8;font-size:14px;color:#333;padding:5px;resize:none}
.dateEnterWrap .searchClose{margin:0 5px 0 -22px; cursor:pointer}
.dateEnterWrap .radioBtn{display:none}
.dateEnterWrap .radioBtn + label{display:inline-table;width:50%;height:35px;background:#fff;border:solid 1px #D8D8D8;font-size:14px;color:#333;text-align:center;letter-spacing:-0.5px;margin:0 -5px;vertical-align:top}
.dateEnterWrap .radioBtn + label span{display:table-cell;vertical-align:middle;line-height:1.1;padding:0 3px}
.dateEnterWrap .radioBtn:checked + label{background:#3574FF;border:solid 1px #1A45CE;color:#fff;position:relative;z-index:1}
.dateEnterWrap .radioBtn.first + label{border-radius:3px 0 0 3px}
.dateEnterWrap .radioBtn.last + label{border-radius:0 3px 3px 0}
.dateEnterWrap .classi .radioBtn + label{font-size:13px}
.dateEnterWrap .btnSearchR{width:65px;height:35px;color:#000;font-size:13px;text-align:center;background:#F8F8F8;border:solid 1px #D8D8D8;border-left:none;border-radius:0 3px 3px 0; margin:0 -4px 0 0}
.dateEnterWrap .wSearch{width:calc(100% - 65px);border-radius:3px 0 0 3px}
.dateEnterWrap .must{color:#FA5155}
.dateEnterWrap .msgWarn{font-size:15px;color:#FA5155}
.dateEnterWrap .msg{font-size:15px;color:#3574FF}
.dateEnterWrap .btnInquiry{min-width:180px;height:42px;line-height:40px;border:solid 1px #A2A2A2;border-radius:2px;background:#fff;font-size:15px;color:#333;padding:0 10px}
.dateEnterWrap .birthWrap .year div.dhxcombo_dhx_skyblue{width:70px !important}
.dateEnterWrap .birthWrap .month div.dhxcombo_dhx_skyblue{width:55px !important}
.dateEnterWrap .birthWrap .day div.dhxcombo_dhx_skyblue{width:55px !important}
.dateEnterWrap .birthWrap div.dhxcombo_dhx_skyblue{height:35px;border:solid 1px #D8D8D8;border-radius:3px}
.dateEnterWrap .birthWrap div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:29px;font-size:15px;color:#333;padding:0 2px}
.dateEnterWrap .birthWrap div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{top:6px;border:none;background:transparent}
.dateEnterWrap .birthWrap div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background-image:url(../images/ico_sel_arrow.png)}

.dateEnterWrap .explainBox{padding:15px 20px;font-size:14px;color:#777;line-height:1.5;border-bottom:solid 1px #aaa}
.dateEnterWrap .explainBox .point{color:#FD6A67}
.dateEnterWrap .explainBox p{margin:0}

.dateEnterWrap .historyTableDiv{width:100%; padding:10px}
.dateEnterWrap .historyTableDiv .historyTable{width:100%}
.dateEnterWrap .historyTableDiv .historyTable td{font-size:13px;padding:5px 0}
.dateEnterWrap .historyTableDiv .historyTable td.subject{text-align:left; padding:7px 4px}
.dateEnterWrap .historyTableDiv .historyTable td.date{padding:7px 4px; text-align:center}
.dateEnterWrap .historyTableDiv .historyTable td.target{padding:7px 4px; text-align:center}
.dateEnterWrap .historyTableDiv .historyTable th{font-size:12px}
.dateEnterWrap .historyTableDiv .historyTable th.date {padding:5px 0; background:#e2e9ea; width:50px; text-align:center}
.dateEnterWrap .historyTableDiv .historyTable th.target {padding:5px 0; background:#e2e9ea; width:75px; text-align:center}
.dateEnterWrap .historyTableDiv .historyTable th.target1 {width:100px;padding:5px 0; background:#e2e9ea;text-align:center}
.dateEnterWrap .historyTableDiv .historyTable th.subject {padding:5px 0; background:#e2e9ea; text-align:center}
.dateEnterWrap .historyTableDiv .historyTable td .nameInfo1{font-weight:bold;color:#3574ff}
.dateEnterWrap .historyTableDiv .historyTable td .nameInfo2{color:gray;margin:0 0 5px 0}
.dateEnterWrap .historyTableDiv .historyTable tr{border-bottom:solid 1px #D8D8D8; }
.dateEnterWrap .historyTableDiv .historyTable .noContent{text-align:center;color:gray;padding:20px}

.btn-guide{width:17px;height:17px;background:url(/images/ico_guide.png) 0 0 no-repeat;text-indent:-9999px;vertical-align:middle;margin:0 0 2px 5px}
.guideTable{}
.guideTable th{font-size:15px;color:#3574FF;border-right:solid 1px #E8E8E8;padding:15px;font-weight:bold;width:80px;vertical-align:top}
.guideTable td{font-size:15px;color:#333;line-height:1.5;padding:15px}
.guideTable td ul{padding:0}
.guideTable td li{text-indent:-20px;padding:0 0 2px 18px}

.w100per{width:100%}
.w130px{width:130px}
.w150px{width:150px}
.areaText{width:100%;border:solid 1px #777;border-radius:3px;color:#333;font-size:13px;padding:15px}

.infoConTable{margin:15px}
.infoConTable th{font-size:17px;color:#000;font-weight:lighter;padding:3px 10px 3px 0;vertical-align:top}
.infoConTable th.vTop{vertical-align:top}
.infoConTable td{font-size:17px;color:#000;line-height:1.7;padding:3px}
.infoConTable th.presenterName{vertical-align:top;padding-top:5px}
.infoConTable td.presenter{font-weight:bold; font-size:20px}
.infoConTable td.level{font-weight:bold; text-align:center; width:330px; font-size:20px}
.infoConTable td.subject{font-weight:bold; width:100%; text-align:center; font-size:20px}
.infoConTable td .presenter{font-weight:bold;color:#3574FF;font-size:15px}
.infoConTable td .presenter1{display:block;color:gray}
.infoConTable td .bar{color:gray}
.infoConMsg{border-top:solid 1px #D8D8D8;padding:15px;font-size:15px;color:#8a8a8a;line-height:1.7}
.infoConMsg .point{color:#FA5155}
.infoConBtn{padding:15px 15px 25px 15px;text-align:center}
.infoConBtn .btnNormal{width:49%;max-width:180px;height:50px;background:#fff;border:solid 1px #A2A2A2;border-radius:3px;font-size:16px;color:#333;font-weight:600;padding:0 10px;cursor:pointer}
.infoConBtn .btnOK{width:49%;max-width:180px;height:50px;background:#3574FF;border:solid 1px #1A45CE;border-radius:3px;font-size:16px;color:#fff;font-weight:600;padding:0 10px;cursor:pointer}

.guideModal{}
.guideModal .modal-header{background:#F8F8F8;border-bottom:1px solid #e5e5e5;border-radius:5px 5px 0 0}
.guideModal .modal-header h4{font-size:18px;font-weight:bold;text-align:center;color:#333}

.mobileModal{}
.mobileModal .modal-header{position:relative;padding:10px;background:#F8F8F8;border-bottom:1px solid #e5e5e5;border-radius:5px 5px 0 0}
.mobileModal .modal-header h5{font-weight:bold;margin:0 30px 0 0}
.mobileModal .modal-header .close{position:absolute;top:12px;right:15px;width:18px;height:18px;background:url(/images/ico_close_modal.png) 50% 50% no-repeat;background-size:17px auto;text-indent:-9999px;margin-top:0}
.mobileModal .modal-body{position:relative;padding:15px}
.tabGrowing{position:relative;margin:0 0 10px 0}
.tabGrowing .areaR{position:absolute;top:5px;right:15px;color:#000}
.tabGrowing .areaR em{font-weight:bold;color:blue}
.tabGrowing .btnGroup{padding:0 0 0 1px}
.tabGrowing .btnGroup button{width:50%;height:30px;line-height:30px;background:#fff;border:solid 1px #D8D8D8;font-size:14px;font-weight:bold;color:#333;text-align:center;letter-spacing:-0.5px;padding:0 5px;margin:0 -2px}
.tabGrowing .btnGroup button.on{background:#3574FF;border-color:#1A45CE;color:#fff;position:relative;z-index:1}
.tabGrowing .btnGroup button:first-child{border-radius:2px 0 0 2px}
.tabGrowing .btnGroup button:last-child{border-radius:0 2px 2px 0}
.tabListCon{height:300px;overflow-y:scroll}
.tabListCon h3{color:#000;font-size:17px;font-weight:bold;margin:0;padding:10px 0 5px 0}
.tabListCon ul{padding:0}
.tabListCon li{font-size:12px;color:#000;background:url(/images/ico_growing_list.png) 0 2px no-repeat;padding:2px 20px}

.tabWriteCon{}
.tabWriteCon h3{color:#000;font-size:17px;font-weight:bold;border-bottom:solid 1px #dcdddf;margin:0;padding:25px 5px 10px 5px}
.tabWriteCon h3:first-child{padding-top:10px}
.growCon{padding:10px 15px}
.growWTable{width:100%;border-bottom:solid 1px #dcdddf}
.growWTable th{font-size:13px;padding:5px 5px 5px 0}
.growWTable td{text-align:right;padding:5px 0 5px 0}
.growWTable .enterWrap th{background:#f9f9f9;border-top:solid 1px #dcdddf}
.growWTable .enterWrap td{background:#f9f9f9;border-top:solid 1px #dcdddf}
.growWTable .finish{display:inline-block;color:#006dff;border-radius:2px;font-size:12px}
.growWTable .finish em{display:block;text-align:center;font-weight:bold}

.growWTable .inputText{height:28px;line-height:26px;padding:4px 5px 2px 5px}
.growWTable .btnWriteS{min-width:60px;height:28pop-layerpx;background:#fff;border:solid 1px #c7c6c6;border-radius:2px;color:#000;font-weight:bold;font-size:13px;padding:0 5px}
.growWTable .btnWriteS:hover{background:#f2f2f2}
.growWTable .btnSaveS{min-width:60px;height:28px;background:#006dff;border:solid 1px #0362e2;border-radius:2px;color:#fff;font-weight:bold;font-size:13px;padding:0 5px}
.growWTable .btnSaveS:hover{background:#0266eb}

.dim-layer {display:none;position:fixed;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.dim-layer .dimBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
.pop-layer .pop-container {padding:30px 5px 0;max-height:450px;overflow:auto}
.pop-layer p.ctxt {color:#666;line-height:25px;font-size:12px}
.pop-layer p.ctxt .point {color:#79b1fd;line-height:25px;font-weight:bold;font-size:15px}
.pop-layer p.ctxt .timePoint{font-weight:bold;color:#555}
.pop-layer .timePointTit{color:#79b1fd;font-size:15px}
.pop-layer {position:relative;top:100px;left:0;width:300px;height:auto;background-color:#fff;/*border:5px solid #2471e4;*/z-index:10;margin:0 auto;display:block;text-align:center;border-radius:20px}
.pop-layer span{font-size:14px}
.dim-layer .inputChk{display:none}
.dim-layer .inputChk + label{font-family:NanumGothicBold;margin:0 10px 0 10px;cursor:pointer}
.dim-layer .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0}
.dim-layer .inputChk:checked + label{color:#2471e4}
.dim-layer .inputChk:checked + label:before{background:#2471e4 url(/images/ico_radio_check.png) 50% 50% no-repeat;border-color:#2471e4}
.dim-layer .btnClose{position:absolute;top:0;right:0;width:44px;height:44px;background:url(../images/ico_close_note.png) 50% 50% no-repeat;background-size:16px auto;cursor:pointer}
#noticeLayer .pop-layer p.ctxt .point, #noticeSubLayer .pop-layer p.ctxt .point  {color:#06a61e}
#noticeLayer .pop-layer, #noticeSubLayer .pop-layer {border:5px solid #06a61e}
#noticeSubLayer .dimBg{display:none}
#noticeSubLayer .pop-layer .pop-container{height:450px}
.pop-layer button{position:relative;width:240px;background:#fff;line-height:20px;font-size:12px;color:#555;border:1px solid #adadad;padding:5px 7px;margin-bottom:5px}

.new-style-dim-layer {display:none;position:fixed;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}
.new-style-dim-layer .dimBg {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
.new-style-pop-layer .pop-container {padding:30px 0 0;max-height:450px;overflow:auto;font-family:NanumGhothic}
.new-style-pop-layer p.ctxt {color:#666;line-height:25px;font-size:12px;font-weight:bold}
.new-style-pop-layer p.ctxt .point {color:#ffa840;line-height:25px;font-weight:bold;font-size:16px;margin-top:20px;display:block}
.new-style-pop-layer {position:relative;top:100px;left:0;width:250px;height:auto;background-color:#fff;border:none;border-radius:20px;z-index:10;margin:0 auto;display:block;text-align:center}
.new-style-dim-layer .btnClose{position:relative;bottom:0;display:inline-block;width:100%;height:50px;background:#efefef;cursor:pointer;border:none;border-top:1px solid #777;border-radius:0 0 25px 25px;color:#333;line-height:50px;font-size:15px;font-weight:bold;font-family:NanumGhothic}

#checkingServiceLayer.new-style-dim-layer {display:none;position:absolute;top:536px;left:0;width:100%;height:calc(100vh - 479px);z-index:100}
#checkingServiceLayer.new-style-dim-layer .dimBg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5}
#checkingServiceLayer .new-style-pop-layer .pop-container {padding:30px 0 0;max-height:450px;overflow:auto;font-family:NanumGhothic}
#checkingServiceLayer .new-style-pop-layer p.ctxt {color:#666;line-height:25px;font-size:12px;font-weight:bold}
#checkingServiceLayer .new-style-pop-layer p.ctxt .point {color:#ffa840;line-height:25px;font-weight:bold;font-size:16px;margin-top:20px;display:block}
#checkingServiceLayer .new-style-pop-layer {position:relative;top:10px;left:0;width:250px;height:auto;background-color:#fff;border:none;border-radius:20px;z-index:10;margin:0 auto;display:block;text-align:center}
#checkingServiceLayer .new-style-dim-layer .btnClose{position:relative;bottom:0;display:inline-block;width:100%;height:50px;background:#efefef;cursor:pointer;border:none;border-top:1px solid #777;border-radius:0 0 25px 25px;color:#333;line-height:50px;font-size:15px;font-weight:bold;font-family:NanumGhothic}

/* main */
.activityBg .footer{background:#fff;/*border-top:solid 1px #f3f5f7*/}
.mainSaintBg .header .nav{display:none}
.mainSaintBg .atvInquiryWrap{border-top:solid 10px #f3f5f7}
.mainSaintBg .footer{background:#fff}

.mainSaintWrap{margin:0 0 30px 0}
.mainSaintTop{text-align:center;padding:0 20px;margin:25px 0}
.mainSaintTop h2{font-size:18px;color:#363b41;font-weight:bold;letter-spacing:-0.5px;background:url(/images/ico_logo_saint@2x.png) center 0 no-repeat;background-size:60px auto;padding:50px 0 0 0}
.mainSaintTop h2 .name{color:#4297ff}

.mainSaintMenu{padding:0 20px}
.mainSaintMenu .btnEdu{display:block;width:100%;min-height:85px;text-align:left;font-size:20px;color:#fff;font-weight:bold;letter-spacing:-0.5px;text-shadow:0 1px 0 rgba(0,0,0,0.12);background:#5392fa url(/images/ico_main_st_edu@2x.png) calc(100% - 40px) bottom no-repeat;background-size:87px auto;border-radius:10px;box-shadow:0 4px 4px rgba(157,166,176,0.25);padding:10px 130px 10px 20px;margin:0 0 10px 0}
.mainSaintMenu .btnOffer{display:block;width:100%;min-height:85px;text-align:left;font-size:20px;color:#fff;font-weight:bold;letter-spacing:-0.5px;text-shadow:0 1px 0 rgba(0,0,0,0.12);background:#2fc5de url(/images/ico_main_st_offer@2x.png) calc(100% - 20px) bottom no-repeat;background-size:131px auto;border-radius:10px;box-shadow:0 4px 4px rgba(157,166,176,0.25);padding:10px 130px 10px 20px;margin:0 0 10px 0}
.mainSaintMenu .btnOffer:disabled{background:#d1d5df url(/images/ico_main_st_offer_gray@2x.png) calc(100% - 20px) bottom no-repeat;background-size:131px auto}
.mainSaintMenu .btnSetPW{display:block;width:100%;min-height:85px;text-align:left;font-size:20px;color:#fff;font-weight:bold;letter-spacing:-0.5px;text-shadow:0 1px 0 rgba(0,0,0,0.12);background:#7d96f5 url(/images/ico_main_st_pw@2x.png) calc(100% - 11px) bottom no-repeat;background-size:139px auto;border-radius:10px;box-shadow:0 4px 4px rgba(157,166,176,0.25);padding:10px 130px 10px 20px;margin:0 0 10px 0}

.activityWrap .carousel-inner:before{display:block;content:"";width:100%;height:1px;position:absolute;top:0;left:0;background:rgba(0,0,0,0.05)}
.activityWrap .carousel-inner:after{display:block;content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.05)}

.activityWrap{height:180px;background-color:#e8f2fc;text-align:center;font-family:AppleSDGothicNeo}
.activityWrap .levelTree img{height:160px}
.activityWrap .levelTree .season{background:#fff;color:#4297ff;font-size:11px;position:absolute;bottom:12px;left:20px;border-radius:9px;padding:2px 7px;font-weight:bold}
.activityWrap .levelTree .carousel-inner>.item{padding:10px 0;min-height:180px}
.activityWrap .levelTree .carousel-inner>.item.season2{padding:10px 0;background:linear-gradient(180deg, #CDEDFC 80%, #BADEF2 20%)}
.activityWrap .levelTree .carousel-inner>.item.season3{padding:10px 0;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_goal3@2x.jpg) 50% 50% no-repeat;background-size:100% 100%}
.activityWrap .levelTree .carousel-inner>.item.season4{padding:10px 0;background:url(../images/season/season4_bg@2x.png) 50% 50% no-repeat;background-size:100% 100%}
.activityWrap .levelTree .carousel-inner>.item.season4End{padding:10px 0;background:url(../images/season/season4_bg_07@2x.png) 50% 50% no-repeat;background-size:100% 100%}

.activityWrap .levelTree .carousel-inner>.item.itemIng{background:#f9fafc url(/images/ico_prepare@2x.png) 50% 35px no-repeat;background-size:140px auto;padding:115px 0 0 0;color:#427ff3;font-size:16px;font-weight:bold;text-align:center;letter-spacing:-0.5px;border-top:solid 1px rgba(0,0,0,0.05)}

.atvTodayWrap{min-height:95px;height:auto;background:#fff;padding:20px 15px 13px 15px;border-bottom:solid 8px #eaeef3;display:table;width:100%}
.atvTodayWrap .bar{border-left:1px solid #f1f2f6;height:30px;float:left;margin:5px 0}
.atvTodayWrap .sheepBox{display:table-cell;min-width:120px;height:100%;vertical-align:middle;width:50%}
.atvTodayWrap .sheepBox .tit{font-size:12px;vertical-align:top}
.atvTodayWrap .sheepBox .sheepImg img{height:50px;margin:0 10px 0 0;float:left}
.atvTodayWrap .sheepBox .sheepTit{display:inline-block;line-height:21px;color:#fff;font-size:12px;padding:0 6px;height:20px;border-radius:10px;background-color:#4ed1c9;margin:0 0}

.atvTodayWrap .inputBox{width:calc(60% - 1px);float:left;height:100%;text-align:center;font-size:13px;letter-spacing:-1px}
.atvTodayWrap .inputBox .input{color:#63686f}
.atvTodayWrap .inputBox .input em.plus{color:#c1c3c7}
.atvTodayWrap .connect{display:table-cell;min-width:90px;background:#f5f8fb;border-radius:16px 0 0 16px;text-align:center;padding:0 5px;vertical-align:middle}
.atvTodayWrap .connect .tit{display:inline-block;color:#444;font-size:12px;letter-spacing:-0.5px;line-height:1.0}
.atvTodayWrap .connect .ico:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_idx_plus_b@2x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 3px 2px 0}
.atvTodayWrap .connect .ico:after{display:inline-block;content:"";width:16px;height:16px;background:url(/images/ico_idx_conn@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 0 2px 0}
.atvTodayWrap .disconnect{display:table-cell;min-width:90px;background:#f5f8fb;border-radius:0 16px 16px 0;text-align:center;padding:0 0 0 5px;vertical-align:middle;position:relative}
.atvTodayWrap .disconnect:before{display:inline-block;content:"";width:1px;height:25px;background:rgba(125,127,133,0.2);position:absolute;top:50%;left:0;margin:-13px 0 0 0}
.atvTodayWrap .disconnect .tit{display:inline-block;color:#444;font-size:12px;line-height:1.0;letter-spacing:-0.5px}
.atvTodayWrap .disconnect .ico:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_idx_plus_g@2x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 3px 2px 0}
.atvTodayWrap .disconnect .ico:after{display:inline-block;content:"";width:16px;height:16px;background:url(/images/ico_idx_disconn@2x.png) 0 0 no-repeat;background-size:16px auto;vertical-align:middle;margin:0 0 2px 0}

.atvAdverWrap{display:flex;align-items:center;width:100%;min-height:78px;background:#fff url(/images/ico_idx_mm_app@2x.png) 20px 50% no-repeat;background-size:40px auto;padding:10px 20px;border-bottom:solid 8px #eaeef3}
.atvAdverWrap .title{margin-right:auto;padding:0 0 0 50px}
.atvAdverWrap .title h3{font-size:14px;color:#63686f;line-height:1.2;letter-spacing:-0.5px}
.atvAdverWrap .title .point{color:#353b41;font-weight:bold}
.atvAdverWrap .btnBox{padding:0 0 0 10px}
.atvAdverWrap .btnBox .linkBtn{width:100px;background:#fff url(/images/ico_idx_arrow_app@2x.png) right 50% no-repeat;background-size:8px auto;color:#4e99e0;font-size:14px;letter-spacing:-0.5px;text-align:right;padding:0 15px 0 0}

.mmGuideWrap{border-bottom:solid 8px #eaeef3}
.mmGuideWrap .btnMMGuide{min-height:69px;background:#fff url(/images/ico_guide_idx@2x.png) 15px 50% no-repeat;background-size:30px auto;color:#353b41;font-size:16px;font-weight:bold;padding:10px 15px 10px 53px}
.mmGuideWrap .btnMMGuide .point{color:#458bde}

.eventIdxWrap{padding:0 20px}
.eventIdxWrap.detail{padding-bottom:10px;border-bottom:solid 8px #f7f7f7}
.eventIdxWrap.detail .hFstTitle{display:none}
.eventIdxTitle{margin:0 0 10px 0}
.eventIdxTitle h5{font-size:16px;font-weight:bold;color:#363b41}
.eventIdxWrap .hFstTitle{position:relative;margin-bottom:7px}
.eventIdxWrap .hFstTitle h6{font-size:14px;font-weight:bold;letter-spacing:-0.3px;color:#4297FF}
.eventIdxWrap .hFstTitle h6:before{content:'';display:inline-block;width:18px;height:18px;margin-right:2px;vertical-align:-4px;background:url(/images/ico_mst_tit@2x.png) center no-repeat;background-size:cover}
.eventIdxWrap .hFstTitle .btnR{right:0;top:-1px}
.eventIdxWrap .hFstTitle .btnMore{background:transparent url(/images/ico_mst_more.svg) right 2px no-repeat;font-size:12px;color:#777;padding:0 14px 0 0}
.eventIdxWrap .eventIdxList{margin:10px 0 0 0}
.eventIdxWrap .btnEventNormal{display:block;width:100%;min-height:39px;background:transparent url(/images/ico_arrow_event@2x.png) right 50% no-repeat;background-size:8px auto;border-bottom:solid 1px #f1f2f5;text-align:left;font-size:15px;color:#202225}
.eventIdxWrap .btnEventNormal:last-child{border-bottom:none}

.eventIdxBoxWrap{}
.eventIdxBoxWrap .eventIdxBox{position:relative;width:100%;height:55px;border:2px solid transparent;border-radius:8px;background-image:linear-gradient(#fff, #fff), linear-gradient(to right, #4297ff 0%,  #4fda76 100%);background-origin:border-box;background-clip:content-box, border-box}
.eventIdxBoxWrap .msg{display:flex;align-items:center;width:calc(100% - 60px);height:55px;padding:0;margin:0 30px}
.eventIdxBoxWrap .msgIn{vertical-align:middle;text-align:left;position:relative;overflow:hidden;line-height:1.3;padding:5px 10px 5px 0;margin:0 auto 0 0}
.eventIdxBoxWrap .recommIn{width:50px;text-align:center}
.eventIdxBoxWrap .recommIn .chkLike{display:none}
.eventIdxBoxWrap .recommIn .chkLike + label{color:#999;font-size:11px;background:url(/images/ico_recomm_event_g@2x.png) center 0 no-repeat;background-size:17px auto;padding:19px 0 0 0;margin:2px 0 0 0;min-width:17px}
.eventIdxBoxWrap .recommIn .chkLike:checked + label{background:url(/images/ico_recomm_fst@2x.png) center 0 no-repeat;background-size:17px auto}
.eventIdxBoxWrap .textH{display:-webkit-box;-webkit-line-clamp:2;max-height:45px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;font-size:14px;color:#333}
.eventIdxBoxWrap .btnFstPrev{width:28px;height:55px;background:transparent url(/images/ico_fst_msg_prev@2x.png) 70% 50% no-repeat;background-size:5px auto;position:absolute;top:0;left:0; z-index:99}
.eventIdxBoxWrap .btnFstNext{width:28px;height:55px;background:transparent url(/images/ico_fst_msg_next@2x.png) 30% 50% no-repeat;background-size:5px auto;position:absolute;top:0;right:0; z-index:99}

.fstIdxBoxWrap{border-radius:8px;border:2px solid transparent;background-image:linear-gradient(#fff, #fff),linear-gradient(to right, #4297FF, #4FDA76);background-origin:border-box;background-clip:content-box, border-box}
.fstIdxBoxWrap .fstIdxBox{position:relative;width:100%}
.fstIdxBoxWrap .msg{display:flex;align-items:center;height:40px;padding:0;margin:0;position:relative}
.fstIdxBoxWrap .msgWrap{display:flex;align-items:center}
/* .fstIdxBoxWrap .msgIco{width:24px;height:24px;background-color:#459EF5;background-image:url(/images/ico_msg_global@2x.png);background-position:50% 50%;background-repeat:no-repeat;background-size:14px auto;border-radius:50%;margin-right:8px;position:relative} */
.fstIdxBoxWrap .typeLocal.msgIco{background-color:#50D97A;background-image:url(/images/ico_msg_local@2x.png);background-position:45% 45%;background-size:11px auto}
.fstIdxBoxWrap .owl-carousel{width:calc(100% - 30px);margin:4px auto}
.fstIdxBoxWrap .msgIn{line-height:1.3;flex:1}
.fstIdxBoxWrap .recommIn{width:30px;text-align:center;margin-left:8px}
.fstIdxBoxWrap .recommIn .chkLike{display:none}
.fstIdxBoxWrap .recommIn .chkLike + label{color:#999;font-size:11px;background:url(/images/ico_recomm_event_g@2x.png) center 0 no-repeat;background-size:17px auto;padding:17px 0 0 0;margin:4px 0 0 0;min-width:17px}
.fstIdxBoxWrap .recommIn .chkLike:checked + label{background:url(/images/ico_recomm_fst@2x.png) center 0 no-repeat;background-size:17px auto}
.fstIdxBoxWrap .textH{display:-webkit-box;-webkit-line-clamp:2;max-height:45px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;font-size:14px;color:#333}
.fstIdxBoxWrap .btnFstPrev{display:none}
.fstIdxBoxWrap .btnFstNext{display:none}
.fstIdxBoxWrap .owl-dots{display:none}

.icoMenuTop{display:flex;gap:10px;padding:20px;align-items:flex-start}
.icoMenuTop button{flex:1;background:transparent;color:#333;font-size:12px;line-height:1.1;word-break:break-word;cursor:pointer}
.icoMenuTop button:before{display:block;content:"";width:100%;height:58px;border-radius:10px;margin:0 0 10px 0}
.icoMenuTop .btnConn:before{background:#D3EDFF url(/images/ico_mn_top_conn@2x.png) 50% 50% no-repeat;background-size:28px auto}
.icoMenuTop .btnDisconn:before{background:#D0F6E5 url(/images/ico_mn_top_disconn@2x.png) 50% 50% no-repeat;background-size:28px auto}
.icoMenuTop .btnSermon:before{background:#E4FAC9 url(/images/ico_mn_top_sermon@2x.png) 50% 50% no-repeat;background-size:28px auto}
.icoMenuTop .btnCalender:before{background:#E2EAFF url(/images/ico_mn_top_cal@2x.png) 50% 50% no-repeat;background-size:28px auto}
.icoMenuTop .btnInvite:before{background:#ffeaf0 url(/images/ico_mn_top_invite@2x.png) 50% 50% no-repeat;background-size:28px auto}
.icoMenuTop .btnMemo:before{background:#FFF7CE url(/images/ico_ft_day_memo@2x.png) 50% 50% no-repeat;background-size:28px auto}

.eventNotifyWrap{padding:15px 20px 10px 20px;border-bottom:solid 8px #eaeef3}
.eventNotifyTitle{margin:0 0 10px 0}
.eventNotifyTitle h5{font-size:16px;font-weight:bold;color:#363b41}

.eventNotifyWrap .notifyList ul{padding:0}
.eventNotifyWrap .notifyList li{border-top:solid 1px #f1f2f6;background:url(/images/ico_arrow_event@2x.png) right 50% no-repeat;background-size:8px auto;border-top:solid 1px #f2f2f3;padding:10px 0;cursor:pointer}
.eventNotifyWrap .notifyList .tit{display:block;width:100%;font-weight:bold;font-size:15px;color:#202225;margin:0 0 2px 0}
.eventNotifyWrap .notifyList .info{display:block;color:#888;font-size:12px;font-family:NanumGothic}
.eventNotifyWrap .notifyList .msg{color:#9b7d64}
.eventNotifyWrap .notifyList li:first-child{border-top:none}
.eventNotifyWrap .notifyList li.noContent{background:none;cursor:default}
.eventNotifyWrap .notifyList .icoN{display:inline-block;width:8px;height:11px;background:url(/images/ico_n_red@2x.png) 0 0 no-repeat;background-size:8px auto}

.saintWrap{padding:20px 20px 20px 20px;border-bottom:solid 8px #eaeef3}

.saintRenewWrap{display:flex;align-items:center;width:100%;min-height:50px;background:#fffbe1 url(/images/ico_idx_saint@2x.png) 18px 60% no-repeat;background-size:30px auto;border-radius:8px;padding:0 15px 0 55px;margin:0 0 20px 0}
.saintRenewWrap .saintRenewL{margin-right:auto}
.saintRenewWrap .saintRenewR{}
.saintRenewWrap h3{font-size:14px;color:#353b41;font-weight:bold;letter-spacing:-0.5px;line-height:1.1}
.saintRenewWrap .btnRenew{width:100px;background:transparent url(/images/ico_idx_arrow_renew@2x.png) right 50% no-repeat;background-size:8px auto;color:#9b7d64;font-size:13px;text-align:right;letter-spacing:-0.5px;padding:0 15px 0 0}

.saintGuideWrap{display:flex;align-items:top;width:100%}
.saintGuideWrap .saintGuideL{width:50%;padding:0 10px 0 0;cursor:pointer}
.saintGuideWrap .saintGuideL h3{background:url(/images/ico_saintcard_main@2x.png) 0 -2px no-repeat;background-size:20px auto}
.saintGuideWrap .saintGuideR{width:50%;border-left:solid 1px #efeff0;padding:0 0 0 15px;cursor:pointer}
.saintGuideWrap .saintGuideR h3{background:url(/images/ico_inquiry_main@2x.png) 0 -2px no-repeat;background-size:20px auto}
.saintGuideWrap h3{font-size:15px;color:#444;font-weight:600;letter-spacing:-0.5px;line-height:1.2;margin:0 0 10px 0;padding:0 0 0 25px}
.saintGuideWrap .explain{font-size:12px;color:#888;letter-spacing:-0.5px;line-height:1.2}

.atvInviteWrap{background:#fff;padding:20px 20px 10px;border-bottom:solid 8px #eaeef3}
.atvInviteWrap .topInvite{margin:0 0 16px 0;min-height:20px}
.atvInviteWrap .topInvite h5{font-size:15px;font-weight:800;color:#363b41;float:left}
.atvInviteWrap .topInvite h5:before{display:inline-block;content:"";width:20px;height:21px;background:url(/images/ico_how_invite.png) 0 0 no-repeat;background-size:20px auto;vertical-align:middle;margin:0 5px 5px 0}
.atvInviteWrap .topInvite .moreImg{color:#63686f;float:right;font-size:12px}
.atvInviteWrap .topInvite .moreImg:after{display:inline-block;content:"";background:url(/images/more@3x.png) 50% 50% no-repeat;background-size:4px auto;width:7px;height:10px;margin:0 0 0 2px}

.atvInviteWrap .invite{}
.atvInviteWrap ul{padding-left:0}
.atvInviteWrap .inviteList li{min-height:70px;font-size:14px;color:#333;padding:14px 17px 14px 17px;margin:0 0 10px 0;position:relative;cursor:pointer;text-align:left;border:solid 1px #e2e2e4;border-radius:4px}
.atvInviteWrap .inviteList li:after{display:none}
.atvInviteWrap .inviteList li.eventReport{background-size:18px auto;width:100%}

.atvInviteWrap .inviteList li .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 3px 3px 0;vertical-align:middle}
.atvInviteWrap .inviteList li .IconImg{width:34px;height:34px}
.atvInviteWrap .inviteList li .endImg{height:17px;margin:0 0 5px 0}
.atvInviteWrap .inviteList li .endTxt{display:inline-block;width:50px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}

.atvInviteWrap .inviteList .invitNone{border-top:1px solid #f1f2f6;border-bottom:none;border-left:none;border-right:none;border-radius:0;color:#878b8e;font-size:14px;text-align:center;line-height:38px;padding:29px;margin:0}
.atvInviteWrap .inviteList .invitNone .noneImg{height:36px}
.atvInviteWrap .inviteList .blue{background:#4696ff;width:3px;height:calc(100% + 2px);z-index:9999;position:absolute;left:-1px;top:-1px;border-radius:4px 0 0 4px}
.atvInviteWrap .inviteList .gray{background:#d9dbdf;width:3px;height:calc(100% + 2px);z-index:9999;position:absolute;left:-1px;top:-1px;border-radius:4px 0 0 4px}

.evBox{display:table}
.evBoxL{display:table-cell;width:40px;vertical-align:middle}
.evBoxR{display:table-cell}

.atvInviteWrap .inviteList .eventReport.end .title{font-family:NanumGothic;font-size:15px;font-weight:600;color:#878b8e;display:inline-block}
.atvInviteWrap .inviteList .eventReport.end .exp{position:relative;font-family:NanumGothic;font-size:12px;font-weight:normal;color:#939393;padding:4px 0 0 0;display:-webkit-box}
.atvInviteWrap .inviteList .eventReport.end .exp .churchNM{color:#969c9f}
.atvInviteWrap .inviteList .eventReport.end .endOn{background:#f9fafc;color:#878b8e;border-left:solid 1px #e2e2e4;width:60px;height:100%;display:table;position:absolute;top:0;right:0;bottom:0;border-radius:0 4px 4px 0;padding:0;text-align:center;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.atvInviteWrap .inviteList .eventReport.end .endOnBox{display:table-cell;vertical-align:middle}
.atvInviteWrap .inviteList .eventReport.end .evBox{width:calc(100% - 50px)}
.atvInviteWrap .inviteList .eventReport.on .title{font-family:NanumGothic;font-size:15px;font-weight:600;color:#222222}
.atvInviteWrap .inviteList .eventReport.on .exp{position:relative;font-family:NanumGothic;font-size:12px;font-weight:normal;color:#939393;padding:4px 0 0 0;display:-webkit-box}
.atvInviteWrap .inviteList .eventReport.on .exp .churchNM{color:#5ec694}

/* visit */
.visitWrap{background:#fff;padding:15px 20px 10px;border-bottom:solid 8px #eaeef3}
.visitWrap .visitTitle h5{font-size:16px;font-weight:bold;color:#363b41}
.visitWrap .btnInquireVisit{display:block;width:100%;min-height:39px;background:transparent url(/images/ico_arrow_event@2x.png) right 50% no-repeat;background-size:8px auto;border-bottom:solid 1px #f1f2f5;text-align:left;font-size:15px;color:#202225;border-bottom:none}

.atvEduWrap{background:#fff;padding:20px 20px 10px;border-top:solid 8px #eaeef3;border-bottom:solid 8px #eaeef3}
.atvEduWrap .topEdu{padding:0}
.atvEduWrap .topEdu h5{font-size:16px;font-weight:bold;color:#4297FF;line-height:1.1}
.atvEduWrap .topEdu .moreImg{color:#63686f;float:right;font-size:12px;margin:3px 0 0 0}
.atvEduWrap .topEdu .moreImg:after{display:inline-block;content:"";background:url(/images/more@3x.png) 50% 50% no-repeat;background-size:4px auto;width:7px;height:10px;margin:0 0 0 2px}

.atvEduWrap .eduList ul{padding:0}
.atvEduWrap .eduList li{background-size:8px auto;padding:10px 0;cursor:pointer;letter-spacing: -.2px;}
.atvEduWrap .eduList li:not(:first-child){border-top:solid 1px #eee}
.atvEduWrap .eduList .tit{font-weight:500;font-size:15px;color:#222}
.atvEduWrap .eduList .info{color:#979797;font-size:13px}
.atvEduWrap .eduList .bar{display:inline-block;color:#eee;margin:0 5px}
.atvEduWrap .eduList .place{color:#157efb}
.atvEduWrap .eduList li.noContent{background:none;cursor:default}

#offEduList li{padding-right:20px; position:relative;}
#offEduList li::after{content: ""; background: url(/images/ico_bn_arrow@2x.png) right 50% no-repeat; display: inline-block; position:absolute; right:0px; width:10px; height:35px; top:13px; background-size:auto 11px}
#offEduTitle::before{content:""; display:inline-block; width:18px; height:18px; margin-right:2px; background: url(/images/ico_calendar.svg) center no-repeat; background-size:cover; vertical-align:-4px;}

.teachingsWrap{display:flex;flex-wrap:nowrap;align-items:center;min-height:55px;background:#FFFAE7 url(/images/ico_teachings_idx.png) calc(100% - 3px) bottom no-repeat;background-size:80px auto;border-radius:10px;padding:10px 20px 10px 20px;margin:20px 20px 0 20px;cursor:pointer}
.teachingsWrap h3{font-size:15px;color:#765809;font-weight:500;letter-spacing:-0.5px !important;line-height:1.1}

.letterWrap{display:flex;flex-wrap:nowrap;align-items:center;min-height:55px;background:#F3FBFE url(/images/ico_letter_idx.png) calc(100% - 20px) bottom no-repeat;background-size:48px auto;border-radius:10px;padding:10px 20px 10px 20px;margin:5px 20px 0 20px;cursor:pointer}
.letterWrap h3{font-size:15px;color:#0A4479;font-weight:500;letter-spacing:-0.5px !important;line-height:1.1}

.underBnBox{display:flex;gap:10px;min-height:145px;padding:20px 20px 5px 20px}
.underBnBox .btnCell{flex:1;border-radius:10px;padding:15px;cursor:pointer}
.underBnBox .btnCell h3{font-size:15px;font-weight:600;letter-spacing:-0.5px;line-height:1.3;word-break:keep-all}
.underBnBox .teaching{background:#ECF8EE url(/images/ico_bn_teaching@2x.png) right bottom no-repeat;background-size:auto 60px}
.underBnBox .teaching h3{color:#47A478}
.underBnBox .letter{background:#F9F2EA  url(/images/ico_bn_letter@2x.png) right bottom no-repeat;background-size:auto 63px}
.underBnBox .letter h3{color:#C58933;}

/* icoMenu */
.icoMenu{margin:15px 20px}
.icoMenu>div{background:url(/images/ico_bn_arrow@2x.png) right 50% no-repeat;background-size:auto 11px;border-top:solid 1px #eee;padding:15px 0 15px 0;cursor:pointer}
.icoMenu>div:first-child{border-top:none}
/* .offeringWrapM{background-image:url(/images/ico_tithe_main@2x.png)} */
/* .youtubeWrap{background-image:url(/images/ico_youtube_main@2x.png)} */
/* .visitIdxWrap{background-image:url(/images/ico_otherch_main@2x.png)} */
/* .visitAppWrap{background-image:url(/images/ico_ft_other_visit@2x.png)} */
/* .donationIdxWrap{background-image:url(/images/ico_donation_main@2x.png)} */
/* .programUpWrap{background-image:url(/images/ico_program_up_main@2x.png)} */
.icoMenu h3{font-size:15px;color:#333;font-weight:500;letter-spacing:-0.5px;line-height:1.1;padding-right:20px}

.icoMenu .msg{font-size:13px;color:#797b84;font-weight:400;margin:0 0 0 5px}

/* saintWrap */
.atvInquiryWrap{background:#fff;min-height:50px;padding:16px 15px;border-bottom:solid 10px #f3f5f7}
.atvInquiryWrap .inquiryBox{display:table;width:100%}
.atvInquiryWrap .inquiryBoxL{display:table-cell;vertical-align:middle}
.atvInquiryWrap .inquiryBoxR{display:table-cell;vertical-align:middle;background:url(/images/inquiry@3x.png) right 50% no-repeat;background-size:8px auto}
.atvInquiryWrap .inquiry{display:inline-block;font-size:12px;color:#4297ff;letter-spacing:-1px;padding:2px 6px;border-radius:12px;border:solid 1px #4297ff;margin:0 6px 0 0;line-height:16px;white-space:nowrap;word-wrap:normal}
.atvInquiryWrap .tit{color:#545559;font-size:14px;line-height:1.2;margin:0 0 0 0;padding:0 10px 0 0;position:relative}

/* activity */
/* .connectWrap{border-top:solid 10px #f3f5f7} */
.connectWrap.bdNone{border-top:none}
.connectWrap .topMenu{height:44px}
.connectWrap .topMenu ul{display:table;width:100%;height:44px;padding:0}
.connectWrap .topMenu li{display:table-cell;width:33%;text-align:center;font-size:12px;line-height:1.1;border-bottom:1px solid #efefef;vertical-align:middle;position:relative;padding:0 5px}
.connectWrap .topMenu li:after{position:absolute;top:15px;right:0;border-right:1px solid #efefef;display:block;height:13px;content:""}
.connectWrap .topMenu li:last-child:after{display:none}
.connectWrap .topMenu li a{text-decoration:none;color:#0d0d0d}
.connectWrap .topMenu li.on a{display:inline-block;background:#5776ff;color:#fff;padding:3px 5px;font-weight:bold}

.connectWrap.add{border-top:none}
.connectWrap.add .topMenu li{width:33.3%}
.connectWrap.add .topMenu li a{letter-spacing:-0.5px}
.connectWrap.add .topMenu li:after{}

.connectWrap .myActMenu{border-bottom:1px solid #efefef;padding:0 15px}
.connectWrap .myActMenu ul{padding:0 !important}
.connectWrap .myActMenu li{display:inline-block;width:calc(50% - 3px);border-bottom:solid 2px transparent;text-align:center;font-size:13px;margin:0 0 -1px 0}
.connectWrap .myActMenu li.on{border-bottom:solid 2px #353C49;color:#000;font-weight:bold}
.connectWrap .myActMenu li a{width:100%;display:flex;align-items:center;justify-content:center;height:45px}
.connectWrap .myActMenu li.on a{color:#000}

.activeTitle{position:relative;height:55px;background:#fff;border-bottom:1px solid #efefef;text-align:center;padding:10px 0 10px 0}
.activeTitle h3{min-height:32px;font-size:20px;color:#333;font-weight:bold;letter-spacing:-0.5px;padding:5px 0 0 0}
.activeTitle .btnL{position:absolute;top:8px;left:15px}
.activeTitle .btnBack{width:40px;height:40px;background:transparent url(/images/ico_edu_back@2x.png) 50% 50% no-repeat;background-size:15px auto;border:solid 1px #d8d8d8;border-radius:50%}
.activeTitle .btnR{position:absolute;top:12px;right:15px}
.activeTitle .btnGuide{height:30px;/*background:#fff url(/images/ico_book_blue@2x.png) 10px 50% no-repeat;background-size:12px auto;*/background:#fff;border:solid 1px #d8d8d8;border-radius:16px;padding:1px 10px 0 10px;font-size:12px;font-weight:bold;letter-spacing:-0.5px;color:#5776ff;z-index:99}
.commonTitTop .btnGuide{height:30px;/*background:#fff url(/images/ico_book_blue@2x.png) 10px 50% no-repeat;background-size:12px auto;*/background:#fff;border:solid 1px #d8d8d8;border-radius:16px;padding:1px 10px 0 10px;font-size:12px;font-weight:bold;letter-spacing:-0.5px;color:#5776ff;z-index:99}

.activeMainTitle{position:relative;height:55px;background:#fff;border-bottom:1px solid #efefef;text-align:center;padding:10px 20px}
.activeMainTitle.noLine{border-bottom:none}
.activeMainTitle h3{min-height:32px;font-size:15px;color:#333;font-weight:bold;letter-spacing:-0.5px;padding:5px 0 0 0}
.activeMainTitle .btnL{position:absolute;top:8px;left:15px}
.activeMainTitle .btnBack{width:40px;height:40px;background:transparent url(/images/ico_edu_back@2x.png) 50% 50% no-repeat;background-size:15px auto;border:solid 1px #d8d8d8;border-radius:50%}
.activeMainTitle .btnR{position:absolute;top:12px;right:15px}
.activeMainTitle .btnGuide{height:30px;/*background:#fff url(/images/ico_book_blue@2x.png) 10px 50% no-repeat;background-size:12px auto;*/background:#fff;border:solid 1px #d8d8d8;border-radius:16px;padding:1px 10px 0 10px;font-size:12px;font-weight:bold;letter-spacing:-0.5px;color:#5776ff;z-index:99}
.activeMainTitle .btnInstead{max-width:110px;height:30px;background:#2196ff;border-radius:16px;color:#fff;font-size:12px;letter-spacing:-0.5px;line-height:1.0;padding:0 10px}

.activeMnLayerBg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:20000;display:none}
.activeMnLayer{text-align:center;margin:150px auto 0 auto; background:url(../images/covid_bg.jpg); width:90%; border-radius:20px 20px 5px 5px;position:relative;max-width:600px;background-size:100%;padding-bottom:20px}
.activeMnLayer .title{font-size:22px;color:#fff;margin-bottom:20px;margin-top:30px; background:url(../images/covid_title_bg.png);font-weight:600;letter-spacing:-1px;display:inline-block;border-radius:30px;padding:0 15px}
.activeMnLayer .btnClose{position:absolute;top:0;right:0;width:50px;height:50px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:22px auto;opacity:0.5}
.activeMnLayer .btnClose:hover{opacity:1.0}

.activeMnArea{background:#f2f4f8;text-align:center;padding:10px 0}
.activeMnArea button{width:calc(50% - 20px);height:40px;background:#fff;border-radius:40px;font-size:13px;color:#999;font-weight:bold;box-shadow:0 1px 3px rgba(0,0,0,0.07);line-height:1.0;padding:0 10px;margin:0 3px}
.activeMnArea button.on{background:#5776ff;color:#fff}

.connectCon{min-height:200px;padding:10px 15px}

.connectCon .listTab{position:relative;min-height:45px;margin:0 0 3px 0}
.connectCon .listTab .btnL{display:inline-block;margin:10px 0 0 4px;vertical-align:top}
.connectCon .listTab .btnR{text-align:right}
.connectCon .listTab .warning{font-size:13px;line-height:1.5;letter-spacing:-0.5px;padding:15px 50px 0 0px}
.connectCon .listTab .warning .pointBlue{color:blue;font-weight:bold}
.connectCon .listTab .warningUnder{font-size:13px;line-height:1.5;color:gray;letter-spacing:-0.5px;padding:0 0 10px 0px}
.connectCon .listTab .warningUnder .pointBlue{color:blue;font-weight:bold}
.connectCon .listTab .warningUnder .pointRed{color:red;font-weight:bold}
.connectCon .listTab .warningUnder .pointBlack{color:#000;font-weight:bold}
.connectCon .listTab .warnSub{text-indent:-10px;padding:0 0 5px 10px}
.connectCon .listTab .warnPad{padding:0 0 5px 10px}
.connectCon .listTab .group{}
.connectCon .listTab .group button{min-width:35px;height:32px;line-height:1.1;background:#f9fafc;border:solid 1px #dddddd;font-size:13px;color:#878b8e;padding:0 5px;margin:0 -3px;vertical-align:bottom;letter-spacing:-0.5px}
.connectCon .listTab .group button.on{background:#fff;color:#4e99e0;border:1px solid #4e99e0;position:relative}
.connectCon .listTab .group button:first-child{border-radius:0}
.connectCon .listTab .group button:last-child{border-radius:0}
.connectCon .listTab .btnSearchView{position:absolute;top:5px;right:40px;width:32px;height:32px;border:solid 1px #D8D8D8;border-radius:50%;background:#fff url(/images/ico_search_view_g@2x.png) 50% 50% no-repeat;background-size:14px auto;cursor:pointer}
.connectCon .listTab .searchView{display:none;width:100%;height:auto;border:none;border-radius:0;z-index:1;position:inherit;top:inherit;right:inherit;padding:12px 0 9px 0;margin:0}
.connectCon .listTab .searchViewIn{background:#fff;border:solid 1px #ddd;color:#fff;font-size:14px;border-radius:40px;padding:0 10px;position:relative}
.connectCon .listTab .searchView .textSearch{width:calc(100% - 40px);height:40px;background:transparent;font-size:15px;color:#000;vertical-align:middle;padding:0 0 0 5px;margin:0}
.connectCon .listTab .searchView .btnSearch{width:40px;height:40px;background:transparent url(../images/ico_search_view_g@2x.png) 50% 50% no-repeat;background-size:16px auto;vertical-align:middle;margin:0}
.connectCon .listTab .btnWriteList{position:absolute;top:0;right:0;displaly:inline-block;width:35px;height:30px;background:#fff;color:#000;font-size:13px;border:none;background:url(../images/btn_add@3x.png) 0 0 no-repeat;background-size:35px auto;text-indent:-9999px;margin:5px 0 0 10px;vertical-align:top}
.connectCon .listWrap .listMore{width:100%;height:42px;margin:5px 0 0 0;text-align:center;padding:13px 0;display:none}
.connectCon .listWrap .listMore .tit{color:#888888;font-size:13px;font-weight:500}
.connectCon .listWrap .listMore .tit:after{display:inline-block;content:"";background:url(/images/path@3x.png) 50% 50% no-repeat;background-size:13px auto;width:12px;height:8px;margin:0 0 0 8px}

.connectCon .listWrap .listTable{width:100%;background:#f9fafc;border:none}
.connectCon .listWrap .listTable th{height:28px;background:#f9fafc;color:#999999;font-size:12px;border-bottom:none;text-align:center}
.connectCon .listWrap .listTable th.nick{min-width:30px}
.connectCon .listWrap .listTable td{height:40px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:10px 0;background:#fff}
.connectCon .listWrap .listTable td em{color:#A6A6A6}
.connectCon .listWrap .listTable th.subject{text-align:center}
.connectCon .listWrap .listTable td.subject{text-align:left;font-size:14px;color:#333;letter-spacing:-1px}
.connectCon .listWrap .listTable td.subject p{padding:0 0 7px 0;margin:0}
.connectCon .listWrap .listTable td.subject .act{color:#888;font-size:14px}
.connectCon .listWrap .listTable td.num{color:#999999;font-size:11px}
.connectCon .listWrap .listTable .num{width:20px}
.connectCon .listWrap .listTable .date{width:60px;font-size:12px}
.connectCon .listWrap .listTable .history{width:70px;font-size:12px}

.reportActList{margin:30px auto 40px auto;max-width:300px;padding:0 15px}
.reportActList .btnReportDate{display:block;width:100%;height:55px;font-size:16px;color:#fff;font-weight:bold;background:#5776ff;border:solid 1px #0f0f0f;text-align:left;border-radius:2px;margin:0 0 10px 0;padding:0 20px;position:relative}
.reportActList .btnReportDate .state{position:absolute;top:12px;right:20px}
.reportActList .btnReportDate .finish{display:inline-block;min-width:80px;height:30px;line-height:30px;color:#fff;font-size:14px;text-align:center;background:#c1ccd0;border-radius:15px;padding:0 5px 0 5px}
.reportActList .btnReportDate .finishN{display:inline-block;min-width:80px;height:30px;line-height:30px;color:#5776ff;font-size:14px;text-align:center;background:#fff;border-radius:15px;padding:0 5px 0 5px}
.reportActList .btnReportDate.btnFinish{border:solid 1px #ddd;color:#000;background:#fff}

.reportActCon{padding:0 15px 20px 15px}
.reportActCon .btnArea{text-align:center;padding:20px 0 0 0}
.reportActCon .btnArea .btnBack{width:calc(33% - 5px);height:45px;color:#000;font-size:13px;background:#fff;border:solid 1px #bdbdbd;border-radius:5px;letter-spacing:-0.5px;padding:0 5px;margin:0 1px}
.reportActCon .btnArea .btnReport{width:calc(33% - 5px);height:45px;color:#fff;font-size:13px;background:#333b58;border-radius:5px;letter-spacing:-0.5px;padding:0 5px;margin:0 1px}
.reportActCon .btnArea .btnReport:disabled{color:#888;background:#e6e6e6}
.reportActCon .btnArea .btnTemp{width:calc(33% - 5px);height:45px;color:#fff;font-size:13px;background:#5776ff;border-radius:5px;letter-spacing:-0.5px;padding:0 5px;margin:0 1px}
.reportActCon .btnArea .btnTemp:disabled{color:#888;background:#e6e6e6}

.reportActCon .dateTop{text-align:left;padding:20px 0 10px 0}
.reportActCon .dateTop .inputDate{width:140px;height:30px;line-height:30px;font-size:15px;color:#333;background:url(/images/ico_cal@2x.png) 15px 45% no-repeat;background-size:14px auto;border:solid 1px #c1c1c1;border-radius:15px;margin:0 5px 0 0;padding:0 0 0 40px}
.reportActCon .dateTop .inputDate:disabled{background-color:rgb(235, 235, 228)}
.reportActCon .dateTop .inputTimeBox{display:inline-block;height:30px;border:solid 1px #999;border-radius:50px;padding:0 10px}
.reportActCon .dateTop .inputTime{line-height:28px;font-size:13px;color:#555;border:none;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.reportActCon .dateTop .inputTime::-ms-expand{display:none}
.reportActCon .dateTop .lgroupR{float:right;padding:5px 0 0 0}
.reportActCon .dateTop .btnSetBM{background:#1F305A;border-radius:2px;color:#fff;font-size:13px;vertical-align:middle;padding:5px}
.reportActCon .dateTop .lgroupSeqBox{margin-left:10px;background:#7d83f8;color:#fff;padding:5px;font-size:13px;border-radius:2px; vertical-align:middle}

.reportActWrtTop{display:table;width:100%;text-align:center;margin:13px 0}
.reportActWrtTop .inputDate{float:left;width:33.3%;height:30px;font-size:20px;color:#333;font-weight:600;font-family:arial !important;text-align:center;font-family:arial}
.reportActWrtTop .lgroupL{float:left;width:33.3%;height:1px;overflow:hidden}
.reportActWrtTop .lgroupL .btnSetBMwidth{height:1px;overflow:hidden;background:transparent;font-size:13px;color:transparent;letter-spacing:-1.7px;padding:0 0 0 20px}
.reportActWrtTop .lgroupR{float:right}
.reportActWrtTop .lgroupR .btnSetBM{height:28px;background:url(/images/ico_set_act@2x.png) 0 45% no-repeat;background-size:18px auto;font-size:13px;color:#333;letter-spacing:-0.5px;padding:0 0 0 20px}

.reportActSel{margin:0;overflow-y:auto;clear:both}
.reportActSelTable{width:100%}
.reportActSelTable th{text-align:center}
.reportActSelTable tr.trDepth1 th{height:20px;color:#fff;font-size:12px}
.reportActSelTable tr.trDepth1 th.thPch{background:#2196ff}
.reportActSelTable tr.trDepth1 th.thAct{background:#00d58e}
.reportActSelTable tr.trDepth1 th.thWsp{background:#ffb445}
.reportActSelTable tr.trDepth1 th.thAdm{background:#ff6096}
.reportActSelTable tr.trDepth1 th.thChr{background:#bd6241}
.reportActSelTable tr.trDepth2 th{width:12%;background:#f9fafc;font-size:11px;line-height:1.1;color:#000;padding:5px 2px; word-break:inherit}
.reportActSelTable tr.trDepth2 th.lineL{border-left:solid 1px #e5e7ea}
.reportActSelTable td{text-align:center;border-bottom:solid 1px #c8c8c8;padding:5px 0}
.reportActSelTable td.lineL{border-left:solid 1px #e5e7ea}
.reportActSelTable .inputChk{display:none}
.reportActSelTable .inputChk + label{font-size:15px;color:#000;margin:2px 0 2px 0;cursor:pointer}
.reportActSelTable .inputChk + label:before{display:inline-block;content:"";width:28px;height:28px;border:solid 1px #d3d3d3;border-radius:50%;background:url(/images/ico_date_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;vertical-align:middle;margin:0 0 2px 0}
.reportActSelTable .inputChk:checked + label{color:#5776ff}
.reportActSelTable .inputChk:checked + label:before{border:solid 1px #5776ff;background:#5776ff url(/images/ico_date_chk_w@2x.png) 50% 50% no-repeat;background-size:14px auto}
.reportActSelTable .inputChk:disabled + label{color:#888;cursor:default}
.reportActSelTable .inputChk:not(:checked):disabled + label:before{background-color:#f0f0f0}
.reportActSelTable .inputChkG{display:none}
.reportActSelTable .inputChkG + label{font-size:15px;color:#000;margin:2px 0 2px 0;cursor:pointer}
.reportActSelTable .inputChkG + label:before{display:inline-block;content:"";width:28px;height:28px;border:solid 1px #d3d3d3;border-radius:50%;background:url(/images/ico_date_chk@2x.png) 50% 50% no-repeat;background-size:14px auto;vertical-align:middle;margin:0 0 2px 0}
.reportActSelTable .inputChkG:checked + label{color:#5776ff}
.reportActSelTable .inputChkG:checked + label:before{border:solid 1px #1dd07a;background:#1dd07a url(/images/ico_date_chk_w@2x.png) 50% 50% no-repeat;background-size:14px auto}
.reportActSelTable .inputChkG:disabled + label{color:#888;cursor:default}
.reportActSelTable .inputChkG:not(:checked):disabled + label:before{background-color:#f0f0f0}

.reportActWTable{width:100%}
.reportActWTable > tbody > tr{display:none}
.reportActWTable th{width:50px;color:#888;font-size:13px;line-height:1.2;font-weight:normal;vertical-align:top;padding:15px 0 5px 0}
.reportActWTable th.vTop{padding-top:7px}
.reportActWTable td{border-bottom:solid 1px #f2f2f2;vertical-align:top;padding:5px 0}
.reportActWTable td .w150{width:150px}
.reportActWTable td .inputChk{}
.reportActWTable td .inputChk{display:none}
.reportActWTable td .inputChk + label{font-weight:400;color:#000;text-indent:-20px;margin:0 15px 5px 0;padding:0 0 0 20px;cursor:pointer}
.reportActWTable td .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 3px 0}
.reportActWTable td .inputChk:checked + label{color:#2366FF}
.reportActWTable td .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}
.reportActWTable td .inputChk:disabled + label{/* opacity:0.6; */cursor:default}
.reportActWTable td .inputChk:disabled + label:before{}
.reportActWTable td .inputChk:checked:disabled + label{/* color:#333; */ opacity:1.0}
.reportActWTable td .inputChk:checked:disabled + label:before{background-size:10px auto}
.reportActWTable td .itemCell{margin:5px 0 0 0}
.reportActWTable td .itemRow{margin:20px 0 20px 0}
.reportActWTable td .titTop{font-weight:bold;margin:0 0 5px 0}
.reportActWTable td .tit{font-weight:bold;margin:10px 0 5px 0}
.reportActWTable .connBox{background:#f9fafc;padding:3px 5px;margin:0 0 5px 0}
.reportActWTable .connBox .bar{display:inline-block;color:#e7e8ec;margin:0 5px}
.reportActWTable .connBox .point{color:#2196ff}
.reportActWTable .connBox em{font-weight:bold;color:#000}
.reportActWTable .connBox .connItem{display:inline-block}
.reportActWTable .msg{font-size:13px;color:#797b84;line-height:1.2;font-weight:400;background:url(/images/ico_msg@2x.png) 0 0 no-repeat;background-size:13px auto;padding:0 0 0 18px;margin:0 0 3px 0}

.reportActWTable > tbody > tr{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex;-ms-flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:initial;vertical-align:middle;align-items:center}
.reportActWTable > tbody > tr > th{width:100%;font-size:17px;letter-spacing:-0.5px;color:#000 !important;font-weight:bold;padding:25px 0 20px 0}
.reportActWTable > tbody > tr > th.vTop{padding-top:25px}
/* .reportActWTable > tbody > tr > th .thIco{display:inline-block;width:5px;height:8px;background:#eee;border-radius:2px;vertical-align:middle;margin:0 5px 3px 0} */
/* .reportActWTable > tbody > tr > th .thIco.preach{background:#2196ff} */
/* .reportActWTable > tbody > tr > th .thIco.edu{background:#00d58e} */
.reportActWTable > tbody > tr > td{width:calc(100% + 30px);border-bottom:solid 8px #eaeef3;padding:0 15px 20px 15px;margin:0 -15px}

.reportActWTable .srcollHead{border-top:1px solid #aaa;background:#F7F7F7;border-bottom:1px solid #e8e8e8}
.reportActWTable .srcollHead .memoTable{width:100%}
.reportActWTable .srcollHead .memoTable th{width:auto;height:28px;color:#999;font-size:12px;text-align:center;border-bottom:none;vertical-align:middle;padding:3px 0}
.reportActWTable .srcollHead .memoTable th.uds{width:60px;text-align:right;padding-right:10px}
.reportActWTable .srcollHead .memoTable th.num{width:30px}
.reportActWTable .srcollBody{}
.reportActWTable .srcollBody .memoTable{width:100%;border-top:none}
.reportActWTable .srcollBody .memoTable td{border-bottom:1px solid #e8e8e8;font-size:12px;color:#666;text-align:center;padding:7px 0;vertical-align:top}
.reportActWTable .srcollBody .memoTable td em{color:#A6A6A6}
.reportActWTable .srcollBody .memoTable td.num{width:30px}
.reportActWTable .srcollBody .memoTable td.subject{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.reportActWTable .srcollBody .memoTable td.subject p{font-weight:bold;padding:0 0 0 15px;margin:0}
.reportActWTable .srcollBody .memoTable td.subject .act{color:#888;font-size:13px;margin:0 0 3px 0}
.reportActWTable .srcollBody .memoTable td.subjectB{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.reportActWTable .srcollBody .memoTable td.subjectB p{padding:0 0 0 15px;margin:0;font-weight:bold}
.reportActWTable .srcollBody .memoTable td.subjectB .act{color:#888;font-size:13px}
.reportActWTable .srcollBody .memoTable td.subjectP{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.reportActWTable .srcollBody .memoTable td.subjectP p{padding:0 0 0 0;margin:0;font-weight:bold;line-height:1.5}
.reportActWTable .srcollBody .memoTable td.subjectP .act{color:#888;font-size:13px}
.reportActWTable .srcollBody .memoTable td.subjectP .inputNm{font-weight:normal;color:#5d5d5d;padding-top:5px}
.reportActWTable .srcollBody .memoTable td.groupNM{color:#3574ff;font-size:15px;font-weight:bold;margin:0;padding:5px 10px 5px 15px;text-align:left}
.reportActWTable .srcollBody .memoTable td.uds{width:60px;padding-right:10px;text-align:right}

.reportActWTable .eduToday{padding:0 0 10px 0}
.reportActWTable .srcollHead .eduTable{width:100%}
.reportActWTable .srcollHead .eduTable th{width:auto;height:28px;color:#999;font-size:12px;text-align:center;border-bottom:none;vertical-align:middle;padding:3px 0}
.reportActWTable .srcollHead .eduTable th.num{width:30px}
.reportActWTable .srcollHead .eduTable th.target{width:100px}
.reportActWTable .srcollHead .eduTable th.delete{width:30px}
.reportActWTable .srcollHead .eduTable th.contents{width:auto}
.reportActWTable .srcollHead .eduTable th.study{width:auto;padding:0 5px}
.reportActWTable .srcollBody .eduTable{width:100%;border-top:none}
.reportActWTable .srcollBody .eduTable td{border-bottom:1px solid #e8e8e8;font-size:12px;color:#666;text-align:center;padding:7px 0;vertical-align:top;vertical-align:middle}
.reportActWTable .srcollBody .eduTable td.num{width:30px}
.reportActWTable .srcollBody .eduTable td.target{width:100px;padding:10px;word-break:keep-all}
.reportActWTable .srcollBody .eduTable td.act{color:#7c7c7c;letter-spacing:-0.5px}
.reportActWTable .srcollBody .eduTable td.contents{text-align:left;word-break:keep-all}
.reportActWTable .srcollBody .eduTable td.delete{width:30px}
.reportActWTable .srcollBody .eduTable td.study{width:30px;padding:0 5px}
.reportActWTable .srcollBody .eduTable .btnDelete{margin:0px}
.reportActWTable .srcollBody .eduGb{font-size:12px;color:#808080}
.reportActWTable .srcollBody .eduSubjectCd{color:#a9a9a9;letter-spacing:-0.5px}
.reportActWTable .srcollBody .eduTitle{font-weight:bold;line-height:1.5;color:#333;letter-spacing:-0.5px}
.reportActWTable .checkWrap{margin:0 0 4px 0;display:flex;justify-content:space-between;align-items:end}
.reportActWTable .btnAddSaint{color:#fff;background:#525252 url(/images/ico_smfst_plus_w@2x.png) 50% 50% no-repeat;background-size:12px auto;border-radius:5px;width:32px;height:25px}

.reportActWTable .ui-tabs{/*border:solid 1px #eee*/font-size:12px}
.reportActWTable .ui-tabs li a{font-size:12px;color:#000}
.reportActWTable .ui-tabs li.ui-state-active a{color:#266AD0}
.reportActWTable .ui-widget input{font-size:13px}
/*.reportActWTable .ui-tabs .ui-tabs-nav li:last-child{border-right:none}*/

.eduTable .btnSaintDel{color:#fff; background:#fff; padding:3px 4px 1px 4px; font-size:12px; margin-top:-2px; border-radius:2px}
.eduTable .btnSaintDel:before{display:inline-block; content:""; width:15px; height:15px; background:url(/images/btn_file_del@2x.png) 0 0 no-repeat; background-size:15px auto; vertical-align:middle; margin:0 5px 2px 0; filter:brightness(1.2)}
.eduTable .btnStudyInput{margin-left:10px; background:#7d83f8; color:#fff; padding:3px 4px 1px 4px; font-size:12px; margin-top:-2px; border-radius:2px}
.eduTable .btnStudyInput:before{display:inline-block; content:""; width:12px; height:12px; background:url(/images/saint_ico_write@2x.png) 0 0 no-repeat; background-size:12px auto; vertical-align:middle; margin:0 5px 2px 0}
.eduTable .btnDetail{margin-left:10px; padding:3px 4px 1px 4px; font-size:12px; margin-top:-2px; border-radius:2px; border:1px solid #454545; color:#454545; background:#fff}
.eduTable .btnDetail:after{display:inline-block; content:""; width:10px; height:12px; background:url(/images/saint_memo_down@2x.png) 50% 50% no-repeat; background-size:12px auto; vertical-align:middle; margin:0 0 2px 5px;filter:brightness(0.1)}
.eduTable .btnDetail.on:after{background:url(/images/saint_memo_up@2x.png) 50% 50% no-repeat; background-size:12px auto}
.eduTable .subjectCnt{font-weight:bold;color:#d05}
/* .eduTable .subjectItem{font-size:13px; color:#888} */

.reportActETable{width:100%}
.reportActETable th{font-size:14px; color:black; font-weight:bold; padding:0 0 5px 0; color:#0d8dff}
.reportActETable .btnSaintDel{color:#fff; background:#fff; padding:3px 4px 1px 4px; font-size:12px; margin-top:-2px; border-radius:2px}
.reportActETable .btnSaintDel:before{display:inline-block; content:""; width:15px; height:15px; background:url(/images/btn_file_del@2x.png) 0 0 no-repeat; background-size:15px auto; vertical-align:middle; margin:0 5px 2px 0; filter:brightness(1.2)}
.reportActETable .btnStdInput{margin-left:10px; background:#7d83f8; color:#fff; padding:3px 4px 1px 4px; font-size:12px; margin-top:-2px; border-radius:2px}
.reportActETable .btnStdInput:before{display:inline-block; content:""; width:12px; height:12px; background:url(/images/saint_ico_write@2x.png) 0 0 no-repeat; background-size:12px auto; vertical-align:middle; margin:0 5px 2px 0}
.reportActETable .btnDetail{margin-left:10px; padding:3px 4px 1px 4px; font-size:12px; margin-top:-2px; border-radius:2px; border:1px solid #454545; color:#454545; background:#fff}
.reportActETable .btnDetail:after{display:inline-block; content:""; width:10px; height:12px; background:url(/images/saint_memo_down@2x.png) 50% 50% no-repeat; background-size:12px auto; vertical-align:middle; margin:0 0 2px 5px;filter:brightness(0.1)}
.reportActETable .btnDetail.on:after{background:url(/images/saint_memo_up@2x.png) 50% 50% no-repeat; background-size:12px auto}
.reportActETable .subjectCnt{font-weight:bold}
.reportActETable .subjectItem{padding-left:20px; font-size:13px; color:#888;display:none}
.reportActETable .subjectItem.top{margin-top:4px; padding-top:5px; border-top:solid 1px #f2f2f2}

.stdLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000; display:none}
.stdLayerIn{position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:#fff}
.stdLayerTitle{height:40px;background:#5776ff;border-bottom:solid 1px #4161ee;position:relative}
.stdLayerTitle h3{font-size:17px;color:#fff;line-height:40px;margin:0;padding:0 0 0 15px; font-weight:bold}
.stdLayerTitle .btnClose{width:38px;height:38px;position:absolute;top:0;right:0;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;opacity:0.7}
.stdLayerCon{padding:10px}
.stdLayerCon .btn-group{width:55%; border:solid 1px #D8D8D8}
.stdLayerCon .btn-group button{width:100%}
.stdLayerCon .areaInfo{display:block;height:30px;line-height:30px;background:#eef2f9;border-radius:12px;font-size:15px;font-weight:bold;color:#4e5a7e;text-align:center;padding:5px 10px;margin:0 0 5px 0}
.stdLayerCon .areaInfo h3{font-weight:bold}
.stdLayerCon .stdLayerTable{width:100%}
.stdLayerCon .stdLayerTable td{height:30px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:left;padding:5px 2px 5px 15px}
.stdLayerCon .stdLayerTable td:first-child{border-left:none}
.stdLayerCon .stdLayerTable td.name{font-weight:bold;font-size:15px;color:#000;letter-spacing:-1.2px;text-align:left;line-height:1.2;padding:0 0 0 15px}
.stdLayerCon .stdLayerTable td.areaTit{height:26px;background:#f4f5f5;border-bottom:none;font-size:14px;font-weight:bold;color:#5776ff;text-align:left;padding:0 15px}
.stdLayerCon .stdLayerTableScroll{/* height:calc(100vh - 300px); */height:150px;overflow-y:scroll;border-top:1px solid #d8d8d8}
.stdLayerCon .tit{font-weight:bold; font-size:14px; border-bottom:1px solid #A6A6A6}
.stdLayerCon .subjectArea{border-bottom:1px solid #A6A6A6; padding:10px 0; text-align:center}
.stdLayerCon .itemCell{margin-top:5px}
.stdLayerCon .btnArea{padding:15px 0 0 0; bottom:25px; left:25px; right:25px}
.stdLayerCon .btnArea .explain{width:calc(100vw - 60px);height:42px;overflow-x:auto}
.stdLayerCon .btnArea .explainIn{}
.stdLayerCon .btnArea .explainItem{font-size:13px;color:gray;letter-spacing:-0.5px;white-space:nowrap;word-wrap:normal}
.stdLayerCon .btnArea .explain .point{color:#5776ff}
.stdLayerCon .btnFinish{width:100%;height:50px;background:#333b58;border-radius:5px;font-size:17px;color:#fff;text-align:center}

.reportPrcLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000}
.reportPrcLayerIn{position:absolute;top:70px;left:15px;right:15px;bottom:70px;background:#fff}
.reportPrcLayerTitle{height:40px;background:#26c0a4;border-bottom:solid 1px #0eb495;position:relative}
.reportPrcLayerTitle h3{font-size:17px;color:#fff;line-height:40px;margin:0;padding:0 0 0 15px}
.reportPrcLayerTitle h3 .time{display:inline-block;height:24px;line-height:22px;border:solid 1px rgba(255,255,255,0.4);border-radius:12px;font-size:14px;vertical-align:middle;margin:0 0 3px 5px;padding:0 10px}
.reportPrcLayerTitle .btnClose{width:38px;height:38px;position:absolute;top:0;right:0;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;opacity:0.7}
.reportPrcLayerCon{padding:10px}
.reportPrcLayerCon .areaInfo{display:block;height:30px;line-height:30px;background:#eef2f9;border-radius:12px;font-size:15px;font-weight:bold;color:#4e5a7e;text-align:center;padding:0 10px;margin:0 0 5px 0}

.reportPrcLayerTableScroll{border-bottom:1px solid #e8e8e8;overflow:scroll;overflow-y:hidden}
.reportPrcLayerTableScroll .reportPrcTableHeader{overflow-x:auto;max-height:80px}
.reportPrcLayerTableScroll .reportPrcTableCon{overflow-x:auto}
.reportPrcTableCon{height:calc(100vh - 380px);overflfow-y:scroll}
.reportPrcLayerTable{width:400px}
.reportPrcLayerTable th{font-size:11px;line-height:1.1;letter-spacing:-0.8px;text-align:center;border-bottom:1px solid #e8e8e8;padding:5px 0;word-break:break-all;vertical-align:top}
.reportPrcLayerTable td{height:45px;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;padding:5px 2px}
.reportPrcLayerTable td.name{font-weight:bold;font-size:13px;color:#000;letter-spacing:-1.2px;text-align:left;line-height:1.2;vertical-align:top;padding:15px 5px 5px 10px;word-break:break-all}
.reportPrcLayerTable td.time{}
.reportPrcLayerTable td.areaTit{height:26px;background:#f4f5f5;border-bottom:none;font-size:12px;font-weight:bold;color:#5776ff;text-align:left;padding:0 0 0 15px}
.reportPrcLayerTable td .life{display:inline-block;font-size:13px;color:#888;font-weight:lighter;letter-spacing:0;margin:0 5px 0 0}
.reportPrcLayerTable td .kind{display:inline-block;min-width:20px;font-size:13px;color:#fff;font-weight:lighter;background:#5776ff;border-radius:2px;text-align:center;padding:2px 4px;margin:5px 0 0 0}
.reportPrcLayerTable td .nameCell{margin:0 0 5px 0}
.reportPrcLayerTable .name{width:80px;border-right:none}
.reportPrcLayerTable .time{width:40px;border-right:none}
.reportPrcLayerTable .type{width:35px}
.reportPrcLayerTable .etc{width:35px}
.reportPrcLayerTable .reason{}
.reportPrcLayerTable .icoY{display:inline-block;content:"";width:20px;height:20px;border:solid 1px #1dd07a;;border-radius:50%;background:#1dd07a url(/images/ico_date_chk_w@2x.png) 50% 50% no-repeat;background-size:10px auto}
.reportPrcLayerTable .areaTit.fixCol{position:sticky;will-change:transform;transition:all 0ms ease-in-out;z-index:1;left:0px}
.reportPrcLayerTable th:last-child{padding-right:10px;border-right:none}
.reportPrcLayerTable td:last-child{padding-right:10px;border-right:none}
.reportPrcLayerTable th.time{position:sticky; will-change:transform; transition:all 0ms ease-in-out; z-index:1; left:0px;background:#fff url(/images/bg_name.gif) right 0 repeat-y}
.reportPrcLayerTable td.time{position:sticky; will-change:transform; transition:all 0ms ease-in-out; z-index:1; left:0px;background:#fff url(/images/bg_name.gif) right 0 repeat-y; word-break:break-all}
.reportPrcLayerCon .btnArea{border-top:1px solid #d8d8d8;padding:10px 0 0 0}
.reportPrcLayerCon .btnArea .explain{height:42px;overflow-x:auto}
.reportPrcLayerCon .btnArea .explainIn{}
.reportPrcLayerCon .btnArea .explainItem{font-size:13px;color:gray;letter-spacing:-0.5px;white-space:nowrap;word-wrap:normal}
.reportPrcLayerCon .btnArea .explain .point{color:#5776ff}
.reportPrcLayerCon .btnFinish{width:100%;height:50px;background:#333b58;border-radius:5px;font-size:17px;color:#fff;text-align:center}

.alertLayerBg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:9998}
.alertLayer{position:fixed;top:100px;left:25px;right:25px;background:#fff;border-radius:2px;text-align:center;margin:0 auto;z-index:9999}
.alertLayerIn{position:relative}
.alertLayer .btnClose{position:absolute;top:0;right:0;width:50px;height:50px;background:url(/images/ico_alert_close@2x.png) 50% 50% no-repeat;background-size:22px auto}
.alertLayer .alertCon{padding:50px 30px 0 30px}
.alertLayer .alertCon h3{font-size:28px;color:#000;line-height:1.3;letter-spacing:-1px;margin:0;padding:85px 0 20px 0;position:relative}
.alertLayer .alertCon h3:before{position:absolute;top:0;left:50%;display:inline-block;content:"";width:64px;height:64px;border:solid 1px #5776ff;border-radius:50%;background:url(/images/ico_alert_check@2x.png) 50% 50% no-repeat;background-size:32px auto;margin:0 0 0 -32px}
.alertLayer .alertCon .time{font-size:15px;color:#7a7a7a;letter-spacing:-0.5px;margin:0 0 50px 0}
.alertLayer .alertCon .alertMsg{font-size:15px;color:#fa5155;letter-spacing:-0.5px;margin:0 0 20px 0}
.alertLayer .btnAlertFoot{margin:0 30px 40px 30px}
.alertLayer .btnPrimary{width:100%;height:50px;background:#5776ff;border-radius:2px;font-size:18px;color:#fff;padding:2px 0 0 0}

.actReportWarp .inputTimePick{display:inline-block;height:30px;line-height:30px;font-size:16px;color:#333;background:url(../images/ico_clock_b.png) 50% 50% no-repeat;background-size:30px auto;padding:0 0 0 30px}
.actReportWarp .applyModal {position:absolute !important}
.actReportWarp .applyModal .modal-content{border-radius:2px;background:transparent}
.actReportWarp .applyModal .modal-header{height:45px;background:#496AEA;border-bottom:solid 1px #3B5BD4;border-radius:2px 2px 0 0;position:relative;padding:0 15px}
.actReportWarp .applyModal .modal-header h5{line-height:45px;font-size:15px;color:#fff;margin:0}
.actReportWarp .applyModal .modal-header .close{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_pop_close_w.png) 50% 50% no-repeat;margin-top:0;opacity:.6}
.actReportWarp .applyModal .modal-header .close:hover{opacity:.8}
.actReportWarp .applyModal .modal-header .close span{display:none}
.actReportWarp .applyModal .carousel{}
.actReportWarp .applyModal .carousel-inner{background:#fff;/* height:350px; */padding-bottom:70px}
.actReportWarp .applyModal .modal-dialog{top:35px}
.actReportWarp .applyModal .carousel-inner>.item{padding:10px;text-align:center}
.actReportWarp .applyModal .carousel-inner>.item .itemBox{display:table;width:100%}
.actReportWarp .applyModal .carousel-inner>.item .itemBox .popImg{background:url(/images/icon_docu@2x.png) 0 0 no-repeat;background-size:45px;width:45px;height:45px;display:inline-block;margin-left:13px}
.actReportWarp .applyModal .carousel-inner>.item .in{display:block;vertical-align:middle;position:relative;top:40px}
.actReportWarp .applyModal .carousel-inner>.item .in.vTop{vertical-align:top}
.actReportWarp .applyModal .carousel-inner>.item .up{padding:0 0 0 25px}
.actReportWarp .applyModal .carousel-inner>.item img{margin:0 45px 10px;width:25px}
.actReportWarp .applyModal .carousel-inner>.item h4{font-size:22px;color:#000;margin:0 0 10px 0}
.actReportWarp .applyModal .carousel-inner>.item h5{margin:5px 0 5px 0;font-size:20px;font-weight:600;text-align:center;color:#555555}
.actReportWarp .applyModal .carousel-inner>.item h5:first-child{margin-top:0}
.actReportWarp .applyModal .carousel-inner>.item p{margin:0px 0 25px 0;font-size:15px;line-height:1.44;text-align:center;color:#333333;letter-spacing:-1px}
.actReportWarp .applyModal .carousel-inner>.item .bold{font-weight:bold}
.actReportWarp .applyModal .carousel-inner>.item .explain{font-size:14px;color:#000;text-align:left;margin:0 0 15px 15px}
.actReportWarp .applyModal .carousel-inner>.item .point{color:#0063FF}
.actReportWarp .applyModal .carousel-inner>.item .btnLink{display:inline-block;min-width:200px;height:35px;line-height:33px;background:#496AEA;border:solid 1px #3B5BD4;border-radius:2px;font-size:14px;color:#fff;text-align:center;padding:0 10px}
.actReportWarp .applyModal .carousel-inner>.item .btnLink:hover{background:#3B5BD4;border:solid 1px #2949C6}
.actReportWarp .applyModal .controlWrap{height:50px;background:#F9F9F9;border-top:solid 1px #EBEBEB;position:relative;padding:0 10px}
.actReportWarp .applyModal .carousel-control{font-size:14px;color:#000;font-family:NanumGothicBold;line-height:50px;text-shadow:none;opacity:1;position:relative}
.actReportWarp .applyModal .carousel-control.left{background:none}
.actReportWarp .applyModal .carousel-control.left:before{display:inline-block;width:13px;height:7px;content:"";background:url(/images/ico_arrow_l.gif) 0 0 no-repeat;vertical-align:middle;margin:0 5px 3px 0}
.actReportWarp .applyModal .carousel-control.right{background:none}
.actReportWarp .applyModal .carousel-control.right:after{display:inline-block;width:13px;height:7px;content:"";background:url(/images/ico_arrow_r.gif) 0 0 no-repeat;vertical-align:middle;margin:0 0 3px 5px}
.actReportWarp .applyModal .todayWrap{height:37px;line-height:35px;background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 2px 2px;text-align:right;font-size:13px;color:#777;padding:0 20px 0 0}
.actReportWarp .applyModal .todayWrap .inputChk + label{font-family:NanumGothicBold;margin:0 10px 0 10px;cursor:pointer}
.actReportWarp .applyModal .todayWrap .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0}
.actReportWarp .applyModal .todayWrap .inputChk:checked + label{color:#2366FF}
.actReportWarp .applyModal .todayWrap .inputChk:checked + label:before{background:#2366FF url(/images/ico_check_att.png) 50% 50% no-repeat;border-color:#2366FF}
.actReportWarp .applyModal .todayWrap .btClose{height:22px;height:22px;background:url(/images/ico_update_close.png) 50% 50% no-repeat;opacity:0.7;text-indent:-9999px;vertical-align:middle;margin:0 0 2px 0}
.actReportWarp .applyModal .todayWrap .btClose:hover{opacity:1}
.actReportWarp .applyModal .inputRadio{display:none}
.actReportWarp .applyModal .inputRadio + label{background:#f7f7f7;padding:15px 10px;border:none;border-radius:5px;margin:2px 1px;cursor:pointer;width:calc(100% - 30px);height:auto;line-height:1.2;font-size:15px;color:#555555;font-weight:bold;vertical-align:middle}
.actReportWarp .applyModal .inputRadio:checked + label{border:solid 1px #266AD0;color:#fff;background:#3574ff}
.actReportWarp .applyModal .inputRadio.btnTypeBasic + label{background:#06C272;color:#fff}
.actReportWarp .applyModal .inputRadio.btnTypeSet + label{background:#5776FF;color:#fff}
.actReportWarp .applyModal .inputRadio + label .exp{display:block;color:#fff;font-size:13px;font-weight:400;opacity:1;margin:10px 0 0 0}

@media only screen and (max-width:350px){
.alertLayer{top:70px;left:10px;right:10px}
.alertLayer .alertCon .time{margin:0 0 30px 0}
}

.previewHeader{min-height:40px; padding:10px; background-image:linear-gradient(265deg, #78cdf9, #7d74f7); color:#fff;font-size:18px;position:relative}
.previewHeader .btnClose{width:38px;height:38px;position:absolute;top:0;right:0;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:20px auto;opacity:0.7}

.reqTabSet{background:#f2f4f8;text-align:center;padding:10px 0;margin:-10px 0 0 0}
.reqTabSet button{width:calc(50% - 20px);height:40px;background:#fff;border-radius:40px;font-size:13px;color:#999;font-weight:bold;box-shadow:0 1px 3px rgba(0,0,0,0.07);padding:0 10px;margin:0 3px}
.reqTabSet button.on{background:#5776ff;color:#fff}

.btnViewNote{min-height:40px;color:#999;font-size:13px;background:#fff}
.btnViewNote:after{display:inline-block;content:"?";width:20px;height:20px;font-size:12px;line-height:12px;color:#999;border:solid 1px #D8D8D8;border-radius:50%;text-align:center;margin:0 0 4px 5px;padding:3px 0 0 0;vertical-align:middle}

.viewNotePtn{display:none;position:absolute;top:100x !important;z-index:1002;width:100%;padding:0 60px;left:0 !important}
.viewNotePtn .viewNoteIn{max-width:500px;background:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,0.3);margin:0 auto;padding:0 0 35px 0}
.viewNotePtn .title{border-bottom:solid 1px #E8E8E8;position:relative;height:32px}
.viewNotePtn .title h3{line-height:45px;color:#999;font-size:13px;padding:0 0 0 15px}
.viewNotePtn .title h3:before{display:inline-block;content:"*";font-size:15px;margin:0 5px 0 0;vertical-align:middle}
.viewNotePtn .title .btnClose{position:absolute;top:0;right:0;width:44px;height:30px;background:url(../images/ico_close_note.png) 50% 50% no-repeat;background-size:16px auto;cursor:pointer}
.viewNotePtn .noteArea{color:#999;font-size:15px;line-height:1.5;padding:15px 15px 0 15px}

.pwSetWrap{max-width:500px;text-align:center;margin:20px auto 0 auto;padding:0 20px}
.pwSetWrap h3{font-size:24px;color:#333;font-weight:400;letter-spacing:-1px;background:url(/images/ico_password@3x.png) center 0 no-repeat;background-size:27px auto;margin:0 0 10px 0;padding:60px 0 0 0}
.pwSetWrap .explain{color:#aaa;font-size:14px;letter-spacing:-0.5px}
.pwSetWrap .explainTab{color:gray;font-size:11px}
.pwSetWrap .explain .point{color:#4297ff}
.pwSetWrap .hName{font-size:24px;color:#333;font-weight:400;letter-spacing:-1px;background:center 0 no-repeat;background-size:27px auto;margin:30px 0 20px 0;padding:0 0 0 0}
.pwSetWrap .pwSetexplain{text-align:left;color:gray;letter-spacing:-0.5px;margin:10px 0 10px 0}
.pwSetWrap .pwSetexplain .point{color:#4297ff}
.pwSetWrap .pwSetexplain ul{padding:0;margin:0}
.pwSetWrap .pwSetexplain li{text-indent:-10px;padding:0 0 0 10px;margin:0}

.pwSetWrap .pwInput{text-align:center;margin:20px 0 40px 0}
.pwSetWrap .inputNumPW{width:30px;height:50px;line-height:50px;border:none;border-bottom:solid 1px #000;font-size:45px;color:#000;-webkit-text-security:disc;text-align:center;margin:0 5px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px}
.pwSetWrap .inputNumPW::placeholder{text-indent:-9999px;/* display:inline-block;font-size:12px;background:url(/images/ico_dot@3x.png) 50% 50% no-repeat;background-size:11px auto;position:absolute;top:0;left:0 */}
.pwSetWrap .inputNumPW::-webkit-outer-spin-button,
.pwSetWrap .inputNumPW::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pwSetWrap .btnPW{width:100%;height:48px;background:#4297ff;border-radius:2px;color:#fff;font-size:14px;font-weight:bold}
.pwSetWrap .btnPW:before{display:inline-block;content:"";width:30px;height:13px;background:url(/images/ico_check@3x.png) 50% 50% no-repeat;background-size:14px auto;vertical-align:middle;margin:0 0 3px 0}
.pwSetWrap .explainBMS{display:inline-block;font-size:14px;color:#aaa;margin:15px 0 0 0}
.pwSetWrap .explainBMS .point{color:#ff8385;text-decoration:underline}
.pwSetWrap .pwBtn{max-width:380px;margin:0 auto}
.pwSetWrap .mmPwd{font-size:14px;letter-spacing:-1px;color:#3163C9;text-align:left;text-indent:-10px;margin:20px 0 0 10px}
.pwSetWrap .mmPwd.red{color:red}

.pwSetWrapNew{max-width: none;text-align:center;margin:20px 20px 40px 20px}
.pwSetWrapNew .inputPass::placeholder{font-size:14px;position:relative;top:10%;transform:translateY(-50%);}
.pwSetWrapNew .inputPass{width:100%;height:50px;background:#fbfbfb;border:1px solid #e8e8e8;padding:0 5px;font-size:20px;}
.pwSetWrapNew .pwInput{text-align:center; margin:8px 0 0 0;}
.pwSetWrapNew input[type="number"] {-webkit-text-security: disc;}
.pwSetWrapNew .pwInputWrap{margin:20px 0 20px 0;}
.pwSetWrapNew .popTitleWrap{color: #363b41;font-size: 22px;font-weight: 500;letter-spacing: -1px;line-height: 1.3;background: url(/images/login/logo_login@2x.png) center 0 no-repeat;background-size: auto 42px;margin: 60px 0 0 0;padding: 65px 0 10px 0;}
.pwSetWrapNew .pwpTitleWrap .explain {font-size: 15px;color: #6f8aff;letter-spacing: -0.5px;}
.pwSetWrapNew .eduPwdinputWrap {max-width: 380px;height: 69px;text-align: center;margin: 0 auto 40px auto;padding: 0 0 10px;}
.pwSetWrapNew .eduPwdinputWrap .inputPWLine {width: 100%;border-bottom: solid 1px #ebebeb;font-size: 20px;color: #202020;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;margin: 30px 0 0 0;}
.pwSetWrapNew input[type="number"] {-webkit-text-security: disc;}
.pwSetWrapNew .eduPwdsaveWrap {max-width: 380px;padding: 0;margin: 0 auto;text-align: center;}
.pwSetWrapNew .btnOk {width: 100%;height: 50px;line-height: 50px;background: #535bfb;color: #fff;font-size: 17px;border-radius: 4px;text-align: center;cursor: pointer;margin: 0;padding: 1px 10px 0 10px;}
.pwSetWrapNew input[type="number"]::-webkit-outer-spin-button,
.pwSetWrapNew input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}
.pwSetWrapNew .btnPw {width:100%;height:60px;background:#4297ff;border-radius:5px;color:#fff;font-size:20px;font-weight:bold;}


.eduTbl{width:100%}
.eduTbl th{text-align:left;height:78px;font-weight:normal;border-bottom:solid 1px #e0e0e0;padding:0 0 0 20px}
.eduTbl .subject{font-size:15px;color:#333;margin:0}
.eduTbl .info{font-size:13px;color:#777;margin:0}
.eduTbl td{text-align:center;border-bottom:solid 1px #e0e0e0}
.eduTbl .btnInput{width:100%;height:78px;cursor:pointer;color:#3c79ff;font-size:13px;font-weight:600;background:rgba(50, 100, 255, 0.1)}
.eduTbl .btnInput:after{display:inline-block;width:12px;height:12px;content:"";background:url(/images/ico_arrow.png) 0 0 no-repeat;background-size:auto 10px;margin:0 0 2px 5px;vertical-align:middle}

.paginate{clear:both;margin:0 auto;margin:10px 0 20px;text-align:center;zoom:1;position:relative}
.paginate a{display:inline-block;_position:relative;width:34px;padding:0 !important;border-radius:34px;color:#555 !important;font-size:14px;font-weight:400;line-height:34px;text-decoration:none}
.paginate a:hover,.paginate a:focus,.paginate a:active{background:#F5F5F5}
.paginate strong{display:-moz-inline-box;display:inline-block;_position:relative;/* margin-right:-3px; */width:34px;padding:0;color:#595AE3;font-size:14px;font-weight:500;line-height:34px;text-decoration:none !important;background:#F5F5F5;border-radius:34px}
.paginate a:hover,.paginate a:focus,.paginate a:active{cursor:pointer;color:#595AE3}
.paginate a.pre,.paginate a.next{display:inline-block;position:relative;width:34px;height:34px;vertical-align:middle;margin:0 0 2px 0;text-indent:-9999px}
.paginate a.pre{background:url(/images/ico_prev@2x.png) 50% 50% no-repeat;background-size:7px auto;/*margin:0 25px 2px 0*/}
.paginate a.next{background:url(/images/ico_next@2x.png) 50% 50% no-repeat;background-size:7px auto;/*margin:0 0 2px 25px*/}
.paginate a.disabled{opacity:0.3}
.paginate a.dhx_not_active{display:-moz-inline-box;display:inline-block;_position:relative;/* margin-right:-3px; */width:34px;padding:0;color:#595AE3 !important;font-size:14px;font-weight:600;line-height:34px;text-decoration:none !important;background:#F5F5F5;border-radius:34px}

.newCareVisual{display:table;width:100%;height:80px;background:url(/images/saint_visual_l@2x.png) 0 bottom no-repeat;background-size:auto 70px;border-bottom:solid 10px #f3f5f7}
.newCareVisual .in{display:table-cell;height:73px;background:url(/images/saint_visual_r@2x.png) right bottom no-repeat;background-size:auto 70px;text-align:center;vertical-align:middle}
.newCareVisual .eng{font-size:12px;color:#5eac05;margin:0}
.newCareVisual .newCare{font-size:16px;font-weight:bold;color:#2e3135;letter-spacing:-1px;margin:0}

@media only screen and (max-width:350px){
.newCareVisual{background-size:auto 55px}
.newCareVisual .in{background-size:auto 55px}
}

.newCareVisual.mini{display:table;width:100%;height:57px;background:url(/images/saint_visual_left@3x.png) 0 bottom no-repeat;background-size:auto 57px;border-bottom:solid 10px #ffffff}
.newCareVisual.mini .in{display:table-cell;height:50px;background:url(/images/saint_visual_right@3x.png) right bottom no-repeat;background-size:auto 57px;text-align:center;vertical-align:middle}
.newCareVisual.mini .eng{font-size:12px;color:#5eac05;margin:0}
.newCareVisual.mini .newCare{font-size:16px;font-weight:bold;color:#2e3135;letter-spacing:-1px;margin:0}

@media only screen and (max-width:350px){
.newCareVisual.mini{background-size:auto 35px}
.newCareVisual.mini .in{background-size:auto 35px}
}

.newCareVisual.main{height:95px}
.newCareVisual.main .in{height:88px}

.btnNewCareMNWrap{display:inline-block;height:32px;background:linear-gradient(to right, #03e87e 50%, #14d0d8 70%);border-radius:16px;padding:1px;margin:3px 0 0 0}
.btnNewCareMN{height:30px;background:#fff url(/images/ico_worship_manual@2x.png) 8px 50% no-repeat;background-size:16px auto;border-radius:16px;padding:1px 10px 0 30px;font-size:13px;font-weight:500;letter-spacing:-0.5px;color:#0DDAB3;cursor:pointer;z-index:99}

.guideNcLayerBg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3)}
.guideNcLayer{display:none;position:absolute;top:45px;left:10px;right:10px;background:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,0.3);z-index:10}
.guideNcTitle{position:relative}
.guideNcTitle .btnClose{position:absolute;top:5px;right:5px;width:40px;height:40px;background:url(/images/ico_cal_close.png) 50% 50% no-repeat;background-size:18px auto}
.guideNcTitle h3{font-size:19px;color:#000;text-align:center;font-weight:bold;line-height:1.2;margin:0 0 20px 0;padding:35px 0 0 0}
.guideNcMsg{display:table-cell;font-size:13px;color:#63686f;background:url(/images/saint_warn@3x.png) 20px 0px no-repeat;background-size:18px auto;vertical-align:middle;letter-spacing:-0.5px;padding:0 20px 14px 43px}
.guideNcMsg .point{color:#353b41;font-weight:bold}
.guideNcMsg .btnNoticeArea{margin-top:4px}
.guideNcMsg .btnNotice{font-size:14px;color:#3574ff;background:#fff;letter-spacing:-0.5px;margin:5px 15px 0 0}
.guideNcMsg .btnNotice:before{display:inline-block;content:"";width:20px;height:17px;background:url(/images/ico_book_blue@2x.png) 0 0 no-repeat;background-size:auto 17px;vertical-align:middle;margin:0 3px 3px 0}
.guideNcMsg .btnNotice em{color:#3574ff;text-decoration:underline}
.guideNcMsg .btnFaq{font-size:14px;color:#3574ff;background:#fff;letter-spacing:-0.5px;margin:5px 0 0 0}
.guideNcMsg .btnFaq:before{display:inline-block;content:"";width:17px;height:17px;background:url(/images/icon_faq_on@3x.png) 0 0 no-repeat;background-size:auto 17px;vertical-align:middle;margin:0 3px 3px 0}
.guideNcMsg .btnFaq em{color:#3574ff;text-decoration:underline}
.guideNcCon{border-radius:0 0 5px 5px;padding:10px 20px 40px 20px}
.guideNcCon h4{display:inline-block;background:url(/images/bg_nc_line.gif) 0 7px repeat-x;font-size:17px;font-weight:bold;letter-spacing:-0.5px;line-height:1.2;padding:0 2px;margin:20px 0 5px 0}
.guideNcCon .explainNc{font-size:15px;color:#000;letter-spacing:-0.5px}

.requestListWrap{margin:10px 15px 30px 15px}
.requestListWrap.explain{color:#8f7270;font-size:11px; margin:7px 15px -7px 15px}
.requestListWrap .btnWriteList{position:absolute;top:0;right:0;width:35px;height:30px;color:#000;font-size:13px;border:none;background:url(../images/btn_add@3x.png) 0 0 no-repeat;background-size:35px auto;text-indent:-9999px;margin:0;vertical-align:top}
.requestListWrap .tabWrap{display:inline-block;padding:0;float:left;line-height:0}
.requestListTab{padding:0;border-bottom:solid 1px #ebedee;margin:0 0 20px 0;position:relative}
.requestListTab .tabs{width:100%;padding:0 0 0 10px;display:inline-block}
.requestListTab .tabs li{display:inline-table;height:45px;font-weight:600;padding:0 10px 0 0;position:relative;bottom:-2px}
.requestListTab .tabs li span{display:table-cell;text-align:left;font-size:12px;letter-spacing:-1px;line-height:1.1;vertical-align:middle;padding:0;cursor:pointer}
.requestListTab .tabs li em{display:inline-block;color:#FF1645;font-weight:bold;letter-spacing:0;padding:0 0 0 3px}
.requestListTab .tabs li.active{color:#2196ff;margin-bottom:-1px}
.requestListTab .tabs li.active span{color:#2196ff;font-weight:bold;border-bottom:solid 3px #2196ff}
.requestListTab .tabs li.active em{color:#FF1645}
.viewThisCH li{max-width:calc(33.3% - 10px)}
.viewOtherCH li{max-width:calc(50% - 25px)}
.requestListTab .msgTopR{display:inline-block;text-align:right;vertical-align:middle;padding:0 10px 0 0;position:absolute;bottom:10px;right:0}
.requestListTab .msgTopR .btnWriteList{display:inline-block;width:35px;height:30px;background:#fff;color:#000;font-size:13px;border:none;background:url(/images/saint_write@2x.png) 0 0 no-repeat;background-size:35px auto;text-indent:-9999px;margin:12px 0 0 0;vertical-align:top;cursor:pointer}
.requestListWrap .tdNameN span{text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:65px;overflow:hidden;display:inline-block}
.requestListMsg{position:relative}
.requestListMsg .msgTop{display:table;width:100%}
.requestListMsg .msgTopIn{display:table-cell;font-size:13px;color:#63686f;background:url(/images/saint_warn@3x.png) 10px 13px no-repeat;background-size:18px auto;vertical-align:middle;letter-spacing:-0.5px;padding:12px 10px 19px 33px}
.requestListMsg .msgTopIn .point{color:#353b41;font-weight:bold}
.requestListMsg .btnNoticeArea{margin-top:4px}
.requestListMsg .btnNotice{font-size:14px;color:#3574ff;background:#fff;letter-spacing:-0.5px;margin:5px 15px 0 0}
.requestListMsg .btnNotice:before{display:inline-block;content:"";width:20px;height:17px;background:url(/images/ico_book_blue@2x.png) 0 0 no-repeat;background-size:auto 17px;vertical-align:middle;margin:0 3px 3px 0}
.requestListMsg .btnNotice em{color:#3574ff;text-decoration:underline}
.requestListMsg .btnFaq{font-size:14px;color:#3574ff;background:#fff;letter-spacing:-0.5px;margin:5px 0 0 0}
.requestListMsg .btnFaq:before{display:inline-block;content:"";width:17px;height:17px;background:url(/images/icon_faq_on@3x.png) 0 0 no-repeat;background-size:auto 17px;vertical-align:middle;margin:0 3px 3px 0}
.requestListMsg .btnFaq em{color:#3574ff;text-decoration:underline}
.requestListMsg .noticeClose{float:right;color:#999;padding-top:5px;font-size:12px}
.requestListMsg .noticeClose:after{display:inline-block;content:"";width:8px;height:15px;background:url(../images/ico_close_note.png) 50% 50% no-repeat;background-size:8px auto;margin:0 0 3px 5px;vertical-align:middle}
.requestListTit{position:relative;min-height:30px;margin:0 0 10px 0}
.requestListTit h3{font-size:16px;font-weight:bold;color:#000;padding:10px 0 12px 0}
.requestListTit h3.newSaint{padding:8px 0 2px 0}
.requestListTit .info{font-size:13px;color:#888;line-height:1.5}
.requestListTit .info .bar{color:#f1f2f6;margin:0 5px}
.requestListTit .info em{color:red;font-weight:bold}
.requestListTit .info .tit{display:inline-block;font-size:16px;color:#3a3a3a;font-weight:bold;letter-spacing:-0.5px;margin:0 5px 0 0}
.requestListTit .inputVisit{width:30px;height:20px;font-size:13px;text-align:center}
.requestListTit .explainBox{background:url(/images/saint_warn@3x.png) 0 50% no-repeat;background-size:18px auto;font-size:13px;color:#63686F;letter-spacing:-0.5px;padding:0 0 0 25px;margin:15px 0 0 0}
.requestListTit .btnRQR{position:absolute;top:0;right:0}
.requestListTit .btnRQMore{width:30px;height:30px;background:url(/images/saint_memo_up@2x.png) 50% 50% no-repeat;background-size:12px auto;cursor:pointer}
.requestListTit .btnRQMore.on{background:url(/images/saint_memo_down@2x.png) 50% 50% no-repeat;background-size:12px auto}
.requestListTit .btnRQArea{position:relative}
.requestListTit .qualInfo{vertical-align:middle;margin:0 5px 0 0}
.requestListTit .btnRQ{height:36px;background:#1dd07a;color:#fff;font-size:12px;font-weight:bold;border-radius:20px;padding:0 13px 0 13px}
.requestListTit .btnRQ.on{background:#c8c8c8 url(/images/ico_check_w.png) 12px 50% no-repeat;background-size:12px;font-size:12px;text-align:left;cursor:default;padding-left:30px}
.requestListTit .btnRQ .explain{display:block;text-align:center;font-size:12px;margin:0 0 2px 0}
.requestListTit .btnRQ .date{display:block;font-size:10px;font-weight:400;margin:-1px 0 0 0}
/*.requestListTit .btnRQ:before{display:inline-block;content:"";width:15px;height:15px;background:#fff;border-radius:2px;vertical-align:middle;margin:0 5px 3px 0}
.requestListTit .btnRQ.on:before{background:#fff url(/images/ico_baptism_check.png) 50% 50% no-repeat;background-size:10px auto}*/
.requestListTit .btnRQCancel{height:26px;background:#4287ff;color:#fff;font-weight:bold;font-size:13px;border:solid 1px #2e6edc;border-radius:2px;padding:2px 10px 0 10px}
.requestListTit .btnRQW{height:30px;background:#fff;color:#1dd07a;font-size:13px;border:solid 1px #1dd07a;border-radius:30px;padding:2px 10px 0 10px}
.requestListTit .btnEdit{height:20px;margin:0 0 0 5px;background:#fff;border:solid 1px #4e99e0;border-radius:20px;color:#4e99e0;padding:0 5px}
.requestListTit .viewO{display:inline-block;width:10px;height:10px;background:url(/images/ico_o@2x.png) 0 0 no-repeat;background-size:10px auto}
.requestListTit .viewX{display:inline-block;width:11px;height:11px;background:url(/images/saint_x_red@2x.png) 0 0 no-repeat;background-size:11px auto}
.requestListTit.alignRight{text-align:right}
.requestListTit .rqTopArea{display:block; margin:10px 0 0 0}
.requestListTit .rqTopTable{width:100%;border-top:solid 1px #ebedee;border-bottom:solid 1px #ebedee}
.requestListTit .rqTopTable th{width:35%;height:27px;border-bottom:solid 1px #ddd;text-align:center;font-size:12px;font-weight:400}
.requestListTit .rqTopTable th.thTit{width:30%}
.requestListTit .rqTopTable th.pastor{color:#3f7bff;font-weight:bold}
.requestListTit .rqTopTable td{height:30px;border-bottom:solid 1px #eff1f2;border-left:solid 1px #eff1f2;font-size:13px;text-align:center}
.requestListTit .rqTopTable td.tdTit{color:#000;border-left:none;background:#f9fafc;text-align:left;letter-spacing:-0.5px;padding:0 0 0 10px}
.requestListTit .rqTopTable td.num{font-weight:bold;font-family:tahoma}
.requestListTit .rqTopTable td.point{color:#3f7bff}
.requestListTit .rqTopTable tr:last-child td{border-bottom:none}
.requestListTit .rqTopTable .gray td{color:#9E9E9E}
.requestListTit .rqTopTable .explainGray{color:#9E9E9E}
.requestListTit .btnOpinion{height:23px;line-height:23px;background:#7d83f8;color:#fff;font-size:11px;border-radius:2px;padding:0 10px;cursor:pointer}
.requestListTit .btnOpinion:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/saint_ico_write@2x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 5px 2px 0}
.requestListTit .btnOpinionY{height:23px;line-height:23px;background:#c6c6c6;color:#fff;font-size:11px;border-radius:2px;padding:0 10px}
.requestListTit .o{display:inline-block;width:10px;height:10px;background:url(/images/saint_o_green@2x.png) 0 0 no-repeat;background-size:10px auto;margin:0 0 0 5px}
.requestListTit .x{display:inline-block;width:12px;height:12px;background:url(/images/saint_x_red@2x.png) 0 0 no-repeat;background-size:12px auto;margin:0 0 0 5px}
.requestListTit .cancelDiv{margin-top:20px;text-align:center}
.requestListTit .cancelDiv .btnRQCancel{width:calc(50% - 4px);height:32px;background:#4287ff;color:#fff;font-weight:bold;font-size:14px;line-height:1.0;border:1px solid #2e6edc;border-radius:2px;padding:2px 10px 0 10px}
.requestListTit .cancelDiv .btnRQCancel.off{background:#c6c6c6;border-color:#c6c6c6}
.requestListTit .cancelDiv .btnCancel{width:calc(50% - 4px);margin:0 2px;height:32px;background:#ff4294;color:#fff;font-weight:bold;font-size:14px;line-height:1.0;border:solid 1px #FF4293;border-radius:2px;padding:2px 10px 0 10px}
.requestListTit .cancelDiv .btnCancel.off{background:#c6c6c6;border-color:#c6c6c6}
.requestListTit .cancelDiv .btnTransfer{width:100%;height:32px;margin-top:5px;background-color:#1eb54c;font-weight:bold;font-size:14px;color:#fff;border:1px solid #1eb54c;border-radius:2px;padding:2px 10px 0 10px}
.requestListTit .memoDiv{position:relative}
.requestListTit .btnRQArea .btnRQCancel{height:36px;color:#fff;font-size:13px;font-weight:bold;border-radius:20px;padding:2px 13px;background:#c8c8c8;border:1px solid #c8c8c8}
.requestListTit .btnRQArea .btnRQCancel.on{background:#4287ff;border:1px solid #4287ff}

.baptismLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:20}
.baptismLayer .stTitle{background:#3574ff;border-bottom:solid 1px #2557c7;height:40px;border-radius:5px 5px 0 0;padding:0 15px;position:relative}
.baptismLayer .stTitle h3{line-height:40px;font-size:16px;color:#fff;font-weight:bold;letter-spacing:-0.5px}
.baptismLayer .stTitle .btnClose{position:absolute;top:0;right:0;width:40px;height:40px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;cursor:pointer}
.baptismLayer .targetNm{font-size:17px; padding:5px 10px; font-weight:bold; width:90%; margin:8px auto; background:#eef; border-radius:5px}
.baptismLayer .infoArea{width:90%;display:block;background:#eef2f9;border-radius:5px;font-size:17px;font-weight:bold;color:#4e5a7e;text-align:left;padding:5px 40px 7px 10px;margin:0 auto;position:relative}
.baptismLayer .infoArea .bapDelete{position:absolute;display:inline-block;height:22px;line-height:22px;font-size:12px; background:#fff;border:1px solid darkgray; border-radius:2px; padding:0 5px; right:5px; top:7px}
.baptismLayer .bapMsg{font-size:12px;padding:10px 10px 0px 18px;color:#000;text-indent:0}
.baptismLayerIn{position:absolute;top:50px;left:15px;right:15px;bottom:50px;background:#fff;border-radius:5px}
.baptismLayerCon{padding:5px 10px}
.baptismLayerCon .bapLayerTable{width:100%}
.baptismLayerCon .bapLayerTableScroll{width:100%;height:calc(100vh - 425px);overflow-y:scroll;border-top:1px solid #d8d8d8}
.bapLayerTable tr{}
.bapLayerTable th{width:auto;height:30px;font-weight:bold;background:#f5f5f5;text-align:center;padding:2px 0 0 0;line-height:30px}
.bapLayerTable td{height:30px;text-align:center;font-size:13px;color:#666;padding:7px 0}
.bapLayerTable .date{width:50px}
.bapLayerTable .bapName{text-align:center}
.bapLayerTable .age{text-align:center; width:50px}
.bapLayerTable .btnTD{padding-right:5px; width:65px}
.bapLayerTable td.bapName{font-weight:bold;color:#000}
.bapLayerTable td .btnNormal{min-width:auto;height:28px;line-height:30px;font-size:13px;background:#3574FF;color:#fff;border:none;margin:0;padding:0 8px}
.bapLayerTable td .btnNormal:hover{background:#2a68f3}
.baptismLayer .btnArea{padding:0 10px; position:absolute; width:100%; bottom:7px}
.baptismLayer .btnFinish{width:48%;height:50px;background:#333b58;border-radius:5px;font-size:17px;color:#fff;text-align:center}
.baptismLayer .btnSave{width:48%;height:50px;font-size:17px;border-radius:5px;color:#fff;text-align:center}

.historyLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000; display:none}
.historyLayer .stTitle{background:#3574ff;border-bottom:solid 1px #2557c7;height:40px;border-radius:5px 5px 0 0;padding:0 15px;position:relative}
.historyLayer .stTitle h3{line-height:40px;font-size:16px;color:#fff;font-weight:bold;letter-spacing:-0.5px}
.historyLayer .stTitle .btnClose{position:absolute;top:0;right:0;width:40px;height:40px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;cursor:pointer}
.historyLayer .targetNm{font-size:17px; padding:5px 10px; font-weight:bold; width:90%; margin:8px auto; background:#eef; border-radius:5px}
.historyLayer .infoArea{width:90%;display:block;background:#eef2f9;border-radius:5px;font-size:17px;font-weight:bold;color:#4e5a7e;text-align:left;padding:5px 40px 7px 10px;margin:10px auto 0;position:relative}
.historyLayer .infoArea .bapDelete{position:absolute;display:inline-block;height:22px;line-height:22px;font-size:12px; background:#fff;border:1px solid darkgray; border-radius:2px; padding:0 5px; right:5px; top:7px}
.historyLayer .msg{font-size:12px;padding:10px 10px 0px 18px;color:#000;text-indent:0}
.historyLayerIn{position:absolute;top:50px;left:15px;right:15px;bottom:50px;background:#fff;border-radius:5px}
.historyLayerCon{padding:5px 10px}
.historyLayerCon .historyLayerTable{width:100%}
.historyLayerCon .historyLayerTableScroll{width:100%;height:calc(100vh - 300px);overflow-y:scroll;border-top:1px solid #d8d8d8}
.historyLayerTable tr{}
.historyLayerTable th{height:28px;background:#f9fafc;color:#777;font-size:13px;line-height:1.1;letter-spacing:-0.5px;border-bottom:none;text-align:center;padding:3px 0;font-weight:normal;line-height:1.4}
.historyLayerTable th.thDate{width:65px}
.historyLayerTable th.thGubun{width:45px}
.historyLayerTable th.thSubject{}
.historyLayerTable th.thPer{width:80px;letter-spacing:-1.7px}
.historyLayerTable td{height:40px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:5px 0;background:#fff; padding:0 4px}
.historyLayerTable td.tdGubun{font-size:12px; width:45px}
.historyLayerTable td.tdDate{color:#9b9b9b;font-family:tahoma;font-size:14px;letter-spacing:-0.5px; width:65px}
.historyLayerTable td.tdSubject{text-align:left;font-size:13px}
.historyLayerTable td.tdName{color:#000; width:80px}
.historyLayerTable td .caseStudy{display:inline-block;height:16px;line-height:16px;color:#fff;background:#36a6f9;border-radius:2px;font-size:11px;padding:0 2px;word-break:keep-all}
.historyLayerTable td .caseVisit{display:inline-block;height:16px;line-height:16px;color:#fff;background:#1dd07a;border-radius:2px;font-size:11px;padding:0 2px;word-break:keep-all}
.historyLayerTable td span{vertical-align:middle}
.historyLayerTable .subjectItem{width:calc(100vw - 200px);max-width:500px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#000;font-weight:bold;overflow:hidden}
.historyLayerTable .visitItem{width:calc(100vw - 200px);max-width:500px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#000;font-weight:bold;overflow:hidden}
.historyLayerTable .subjectItem:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_book@2x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 3px 3px 0}
.historyLayer .btnArea{padding:0 10px; position:absolute; width:100%; bottom:7px}
.historyLayer .btnFinish{width:100%;height:50px;background:#333b58;border-radius:5px;font-size:17px;color:#fff;text-align:center}


@media only screen and (max-width:360px){
.requestListTab .tabs li{padding:0 5px 0 0}
}

@media only screen and (min-width:500px){
.requestListTit .rqTopTable td.tdTit{font-weight:bold}
.requestListTit .cancelDiv .btnRQCancel{width:calc(50% - 5px)}
.requestListTit .cancelDiv .btnCancel{width:calc(50% - 5px)}
}

.requestListWrap .newTable{width:100%; border-top:1px solid #aaa}
.requestListWrap .newTable th{height:28px; background:#F7F7F7;color:#999;font-size:12px;border-bottom:1px solid #e8e8e8;text-align:center}
.requestListWrap .newTable td{height:40px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:10px 0}
.requestListWrap .newTable th.thDate{width:50px}
.requestListWrap .newTable th.thGb{width:50px}
.requestListWrap .newTable th.thName{width:60px}
.requestListWrap .newTable td .caseStudy{display:inline-block;height:16px;line-height:16px;color:#fff;background:#36a6f9;border-radius:2px;font-size:11px;padding:0 2px}
.requestListWrap .newTable td .caseVisit{display:inline-block;height:16px;line-height:16px;color:#fff;background:#1dd07a;border-radius:2px;font-size:11px;padding:0 2px}
.requestListWrap .newTable td .caseInput{display:inline-block;height:16px;line-height:16px;color:#fff;background:#6f71ff;border-radius:2px;font-size:11px;padding:0 2px}
.requestListWrap .newTable td.cellSubject{text-align:left}

.requestMemoIn{max-width:800px;margin:0 auto}
.requestListWrap .listTable{width:100%;background:#f9fafc;border:none}
.requestListWrap .listTable th{height:28px;background:#f9fafc;color:#777;font-size:11px;line-height:1.1;letter-spacing:-0.5px;border-bottom:none;text-align:center;padding:3px 0;font-weight:normal;border-top:2px solid #999}
.requestListWrap .listTable th.thTopBap{height:25px;background:#2196ff;color:#fff;font-size:14px;padding:0}
.requestListWrap .listTable th.thTopAtt{height:25px;background:#00d58e;color:#fff;font-size:14px;padding:0}
.requestListWrap .listTable .lineL{border-left:solid 1px #e5e7ea}
.requestListWrap .listTable .cellBtn .x{width:25px;height:25px;border:solid 1px #3574ff;border-radius:2px;background-position:50% 50%;box-shadow:1px 1px 2px rgba(0,0,0,0.2)}
.requestListWrap .listTable .cellBtn .bap2_o{width:25px;height:25px;border:solid 1px #3574ff;border-radius:2px;background-position:50% 50%;background-size:18px auto;box-shadow:1px 1px 2px rgba(0,0,0,0.2)}
.requestListWrap .listTable th.thDate{width:65px}
.requestListWrap .listTable th.thGubun{width:45px}
.requestListWrap .listTable th.thSubject{}
.requestListWrap .listTable th.thName{width:65px}
.requestListWrap .listTable th.thPer{width:80px;letter-spacing:-1.7px}
.requestListWrap .listTable th.thRate{width:40px}
.requestListWrap .listTable .cellDate{
 width:60px;
}
.requestListWrap .listTable .cellPastor{
 width:90px;
}
.requestListWrap .listTable .cellName{width:40px !important}
.requestListWrap .listTable .cellOX{
 width:100px !important;
}
.requestListWrap .listTable .cellSubject{width:150px}
.requestListWrap .listTable td{height:40px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:5px 0;background:#fff}
.requestListWrap .listTable td.tdGubun{font-size:12px}
.requestListWrap .listTable td.tdDate{color:#9b9b9b;font-family:tahoma;font-size:14px;letter-spacing:-0.5px}
.requestListWrap .listTable td.tdSubject{text-align:left;font-size:13px}
.requestListWrap .listTable td.tdRate{color:#a5a5a5}
.requestListWrap .listTable td.tdArea{color:#4287ff}
.requestListWrap .listTable td.tdName{color:#000}
.requestListWrap .listTable td.tdNameN{font-weight:bold;color:#000;width:80px}
.requestListWrap .listTable td.tdNameL{font-weight:bold;color:#000;width:80px}
.requestListWrap .listTable td .nameCell{display:inline-block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:65px;font-size:14px;letter-spacing:-1px;overflow:hidden;margin:0 0 -3px 0}
.requestListWrap .listTable td .caseStudy{display:inline-block;height:16px;line-height:16px;color:#fff;background:#36a6f9;border-radius:2px;font-size:11px;padding:0 2px}
.requestListWrap .listTable td .caseVisit{display:inline-block;height:16px;line-height:16px;color:#fff;background:#1dd07a;border-radius:2px;font-size:11px;padding:0 2px}
.requestListWrap .listTable td .btnName{font-weight:bold;color:#000}
.requestListWrap .listTable td span{vertical-align:middle}
.requestListWrap .subjectItem{width:calc(100vw - 180px);max-width:500px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#000;font-weight:bold;overflow:hidden}
.requestListWrap .visitItem{width:calc(100vw - 180px);max-width:500px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;color:#000;font-weight:bold;overflow:hidden}
.requestListWrap .subjectItem:before{display:inline-block;content:"";width:13px;height:12px;background:url(/images/ico_book@2x.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 3px 3px 0}
.requestListWrap .o{display:inline-block;width:11px;height:11px;background:url(/images/ico_o_blue@2x.png) 0 0 no-repeat;background-size:11px auto;margin:0 0 0 5px}
.requestListWrap .bap1_o{display:inline-block;width:20px;height:20px;background:url(/images/saint_ico_bap@2x.png) 0 0 no-repeat;background-size:20px auto;margin:0 0 0 5px}
.requestListWrap .bap2_o{display:inline-block;width:20px;height:25px;background:url(/images/saint_ico_bap2.png) 0 0 no-repeat;background-size:20px auto;margin:0 0 0 5px}
.requestListWrap .x{display:inline-block;width:9px;height:9px;background:url(/images/ico_x_gray@2x.png) 0 0 no-repeat;background-size:9px auto;margin:0 0 0 5px}
.requestListWrap .teacherItem{white-space:nowrap;max-width:65px;overflow:hidden;text-overflow:ellipsis}
.requestListWrap .divPromise{position:relative; height:30px; margin:5px 0 10px 0; line-height:30px}
.requestListWrap .divPromise span.explain{font-size:12px; color:cornflowerblue}
.requestListWrap .btnPromise{position:absolute;top:0;right:7px;max-width:90px;height:30px;background:#fff;line-height:30px;font-size:12px;color:#555;border:1px solid #adadad;border-radius:20px;padding:0 7px;overflow:hidden;word-wrap:break-word}
.requestListWrap .btnPromise i{display:inline-block;width:12px;height:12px;background:url(../images/ico_add.png) 0 0 no-repeat;background-size:12px auto;vertical-align:middle;margin:0 2px 3px 0}
.requestListTit .ableToAttDiv{display:inline-block}
.requestListTit .ableToBapDiv{display:inline-block}
.requestListWrap .nameButton {display:inline-block;line-height:16px;border:solid 1px #D8D8D8;padding:2px 5px 2px 10px !important;border-radius:0px;margin:2px 1px 10px;cursor:pointer;background:#f9fafc;box-shadow:inset -11px -10px 17px -20px #4a4a4a}
.requestListWrap .nameButton .nameImg{width:36px;height:auto;filter:brightness(0.3)}
.requestListWrap.scroll{margin:13px 10px 10px 10px;overflow-x:scroll}
.requestListWrap.scroll .listTable{width:100%;min-width:570px;/* table-layout:fixed; */}
.requestListWrap .subjectTable{width:100%}
.requestListWrap .subjectTable th{height:28px;color:#999;font-size:12px;text-align:center;word-break:break-word;background:#f9fafc}
.requestListWrap .srcollBody{}
.requestListWrap .subjectTable{width:100%;border-top:none}
.requestListWrap .subjectTable td{border-bottom:1px solid #e8e8e8;font-size:12px;color:#666;text-align:center;cursor:pointer;padding:7px 0;height:32px}
.requestListWrap .subjectTable td em{color:#A6A6A6}
.requestListWrap .subjectTable td.subject{text-align:left;font-size:13px;color:#333;letter-spacing:-1px}
.requestListWrap .subjectTable td.subject{font-weight:bold;padding:0 0 0 15px;margin:0}
.requestListWrap .subjectTable td.groupNM{color:#3574ff;font-size:15px;font-weight:bold;margin:0;padding:5px 10px 5px 15px;text-align:left}
.requestListWrap .subjectTable td.uds{padding-right:10px;text-align:right}
.requestListWrap .subjectTable .num{width:30px;padding-left:10px}
.requestListWrap .subjectTable .date{width:40px}
.requestListWrap .subjectTable .uds{width:50px}
.requestListWrap .subjectTable td .txtCd{color:darkgray; letter-spacing:0.9px}


.requestMemoTop{text-align:center;border-bottom:solid 10px #f3f5f7;padding:15px 0}
.btnVerifyModify{width:200px;background:#fff url(/images/saint_btn_modify@3x.png) center 0 no-repeat;background-size:56px auto;font-size:16px;color:#222;font-weight:bold;text-align:center;padding:60px 0 0 0;cursor:pointer}
.btnVerify{width:200px;background:#fff url(/images/bg_pf_noimg@3x.png) center 0 no-repeat;background-size:56px auto;font-size:16px;color:#222;font-weight:bold;text-align:center;padding:60px 0 0 0;cursor:pointer}

.btnMemoUdArea{text-align:center;margin:12px 0 0 0}
.btnVrModify{background:transparent;color:#03e87e;margin:0 7px;font-weight:bold;background:linear-gradient(to right, #03e87e, #14D0D8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.btnVrModify:before{display:inline-block;content:"";width:22px;height:22px;background:url(/images/modified@3x.png) 0 0 no-repeat;background-size:22px auto;vertical-align:middle;margin:0 5px 3px 0}
.btnVrTransfer{background:transparent;color:#39a1f7;margin:0 7px;font-weight:bold;background:linear-gradient(to right, #39a1f7, #be98ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.btnVrTransfer:before{display:inline-block;content:"";width:22px;height:22px;background:url(/images/transfer@3x.png) 0 0 no-repeat;background-size:22px auto;vertical-align:middle;margin:0 5px 3px 0}

.requestMemoInfo{border-bottom:solid 10px #f3f5f7;padding:15px 15px}
.requestMemoInfo .infoIn{max-width:800px;margin:0 auto}

.btnMemoArea{text-align:right;margin:0 0 10px 0}
.btnMemoArea .btnPromiseAdd{max-width:33%;height:30px;background:#fff url(/images/saint_ico_plus@2x.png) 10px 50% no-repeat;background-size:12px auto;line-height:1.0;font-size:12px;color:#3574ff;border:1px solid #3574ff;border-radius:20px;padding:0 10px 0 25px;overflow:hidden;word-wrap:break-word}
/* .btnMemoArea .btnPromiseAdd:before{display:inline-block;content:"";width:12px;height:12px;vertical-align:middle;margin:0 3px 4px 0} */
.btnMemoArea .btnOrderDiv{position:absolute}
.btnMemoArea .btnOrderDiv button{max-width:110px;height:30px;border:1px solid #7d83f8; padding:0 7px 0 8px; font-size:12px; background:#fff; color:#7d83f8}
.btnMemoArea .btnOrderDiv button.on{background:#7d83f8; color:#fff}

.verifyAnalTab{padding:0;border-bottom:solid 1px #ebedee;margin:0 0 10px 0;position:relative}
.verifyAnalTab .tabs{padding:0 0 0 15px;display:inline-block}
.verifyAnalTab .tabs li{display:inline-block;height:45px;font-weight:bold;padding:0 10px 0 0}
.verifyAnalTab .tabs li a{display:block;text-align:left;font-size:16px;letter-spacing:-2px;padding:17px 0 10px 0;outline:none}
.verifyAnalTab .tabs li a:hover{text-decoration:none}
.verifyAnalTab .tabs li em{display:inline-block;color:#2196ff;font-weight:bold;padding:0 0 0 3px}
.verifyAnalTab .tabs li.ui-tabs-active {color:#2196ff}
.verifyAnalTab .tabs li.ui-tabs-active a{color:#2196ff;font-weight:bold;border-bottom:solid 3px #2196ff}
.verifyAnalTab .tabs li.ui-tabs-active em{color:#2196ff}

.requestDateBoxWrap{position:absolute;top:8px;right:15px}
.requestDateBoxWrap .requestWrap.btnGroupTop{position:absolute;right:0;width:150px;text-align:right}

.verifyDateSet{padding:0 15px 10px 0;text-align:right}
.verifyDateSet .btnPeriod{min-width:40px;height:30px;line-height:30px;background:#ffffff;color:#3574ff;border:1px solid #3574ff;font-size:13px;padding:0 5px;border-radius:2px;padding:0 5px}

.verifyAnalCon{padding:0 15px 20px 15px;position:relative}
.verifyAnalCon .ingBox{position:absolute;top:45px;left:50%;width:300px;height:190px;font-size:32px;color:#427ff3;text-align:center;font-family:NanumGothic;font-weight:bold;background:rgba(255,255,255,0.6) url(/images/ico_prepare@2x.png) center 30px no-repeat;background-size:150px auto;border:solid 3px #427ff3;margin:0 0 0 -150px;padding:110px 0 0 0}
.verifyAnalTable{width:100%}
.verifyAnalTable th{height:28px;background:#f9fafc;color:#999999;font-size:13px;line-height:1.1;border-bottom:none;text-align:center;padding:3px;font-weight:normal;word-break:keep-all}
.verifyAnalTable th.total{background:#eef1f6}
.verifyAnalTable th.sub{width:50px}
.verifyAnalTable td{height:35px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;cursor:pointer;padding:5px 0;background:#fff}
.verifyAnalTable td.sub{color:#000; padding:0 3px;word-break:keep-all}
.verifyAnalTable td.total{font-weight:bold;color:blue;background:#f9fafc}
.verifyAnalTable td .zero{color:#ddd}
.verifyAnalTable .trBap td{color:red;font-weight:bold;/* height:28px;font-weight:bold;color:#fff;background:#2196ff;border-bottom:none */}
.verifyAnalTable .trBap td.total{/* background:#1082e8 */}
.verifyAnalTable .trBap td .zero{color:red}
.verifyAnalTable.month th{width:9%}
.verifyAnalTable.month th.sub{width:50px}

.noteLayerBg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.2)}
.noteLayer{background:#fbfbfb}
.noteLayer .in{position:relative;padding:25px 0 50px 0}
.noteLayer .btnClose{position:absolute;top:0;right:0;width:60px;height:60px;background:url(/images/saint_pop_close@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer}
.noteLayer .tit{text-align:center;font-size:20px;color:#333;font-weight:bold;letter-spacing:-1px;margin:0 0 20px 0}
.noteLayer .conVis{display:table;width:300px;margin:0 auto}
.noteLayer .conVis .conVisCell{display:table-cell;width:50%;text-align:center;vertical-align:top}
.noteLayer .conVis .item{display:table;width:126px;height:126px;border-radius:50%;border:solid 6px #eaecf0;background:#fff;font-size:15px;color:#333;font-weight:bold;letter-spacing:-1px;margin:0 auto}
.noteLayer .conVis .item.itemGreen{border-color:#60d194}
.noteLayer .conVis .item.itemBlue{border-color:#4696ff}
.noteLayer .conVis .itemIn{display:table-cell;vertical-align:middle}
.noteLayer .conVis .item p{margin:0}
.noteLayer .conVis .item p.black{color:#000}
.noteLayer .conVis .item p.blue{color:#4696ff}
.noteLayer .conVis .item p.green{color:#00c680}
.noteLayer .conVis .item p.textS{color:#9f9f9f;font-size:12px;font-weight:lighter;margin:3px 0 0 0}
.noteLayer .conVis .arrowS{height:12px;background:url(/images/saint_pop_arrow1@2x.png) center 0 no-repeat;background-size:auto 12px;margin:6px 0}
.noteLayer .conVis .arrowB{height:91px;background:url(/images/saint_pop_arrow2@2x.png) center 0 no-repeat;background-size:auto 91px;margin:3px 0 4px 0}

@media (min-width:600px){
.noteLayer .conVis{width:400px}
.noteLayer .conVis .item{width:150px;height:150px;font-size:17px}
.noteLayer .conVis .arrowB{margin:10px 0}
}

.requestWtWrap{border-top:solid 1px #ddd;padding:5px 0}
.requestWtWrap .requestWtTit{}
.requestWtWrap .top{height:44px;text-align:center;line-height:44px;font-weight:bold;border-bottom:1px solid #ddd}
.requestWtWrap .topMenu{height:44px}
.requestWtWrap .topMenu ul{padding:0}
.requestWtWrap .topMenu li{width:50%;float:left;text-align:center;font-size:14px;height:44px;line-height:44px;border-bottom:1px solid #ddd}
.requestWtWrap .topMenu li:first-child:after{border-right:1px solid #efefef;display:block;height:13px;content:"";margin:-28px auto}
.requestWtWrap .topMenu li a{text-decoration:none;color:#0d0d0d}
.requestWtWrap .topMenu li.on a{background:#7d83f8;color:#fff;padding:3px 7px;font-weight:bold}
.requestWtWrap .writeTable{}
.requestWtWrap .writeTable th{width:80px;border-top:solid 1px #f4f4f4;padding-right:0}
.requestWtWrap .writeTable td:not(.targetArea){border-top:solid 1px #f4f4f4;padding:7px 10px}
.requestWtWrap .writeTable td.personArea{padding:0}
.requestWtWrap .writeTable tr:first-child th, 
.requestWtWrap .writeTable tr:first-child td{border-top:none}
.requestWtWrap .writeTable td.study{}
.requestWtWrap .writeTable td.study .btn-group{width:calc(100% - 110px)}
.requestWtWrap .writeTable td.study.w100p .btn-group{width:calc(100% - 10px)}
.requestWtWrap .writeTable td.study .btn-group .btn{width:100%;height:34px;line-height:34px;border:solid 1px #D8D8D8;border-radius:0;padding:0 5px;position:relative}
.requestWtWrap .writeTable td.study .btn-group .caret{position:absolute;top:13px;right:10px}
.requestWtWrap .writeTable .stResult{margin:0 10px 0 0}
.requestWtWrap .writeTable .stResult p{padding:10px 0;border-bottom:dashed 1px #ddd}
.requestWtWrap .writeTable .stResult p:last-child{border-bottom:none}
.requestWtWrap .writeTable .inputSelect{width:calc(100% - 15px);border:solid 1px #D8D8D8}
.requestWtWrap .writeTable .inputArea{width:calc(100% - 15px);height:100px;border:solid 1px #D8D8D8;border-radius:2px;font-size:16px;color:#333;padding:5px 6px}
.requestWtWrap .writeTable .textArea{width:calc(100% - 15px);height:100px;border:none;font-size:14px;color:#555;border:solid 1px #D8D8D8;border-radius:2px;padding:5px}
.requestWtWrap .writeTable .inputText{width:calc(100% - 15px);font-size:13px}
.requestWtWrap .writeTable .wTime{width:50px}
.requestWtWrap .writeTable .wPerson{width:150px}
.requestWtWrap .writeTable .wRate{width:60px}
.requestWtWrap .writeTable .w150{width:150px}
.requestWtWrap .writeTable .btnMMSearch{width:35px;background:#fff url(/images/ico_search_in_top.png) right 50% no-repeat;height:36px;border-radius:0;font-size:14px;border:solid 1px #D8D8D8;background-color:#F8F8F8;padding:0 10px;margin-left:-30px}
/* .requestWtWrap .btnDelete{margin:0} */
.requestWtWrap .chkArea{margin:0 0 5px 0}
.requestWtWrap .inputChk{display:none}
.requestWtWrap .inputChk + label{font-weight:lighter;margin:0 20px 0 0;cursor:pointer}
.requestWtWrap .inputChk + label:before{display:inline-block;content:"";width:16px;height:16px;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 3px 2px 0}
.requestWtWrap .inputChk:checked + label{color:#2366FF}
.requestWtWrap .inputChk:checked + label:before{background:#2366FF url(/images/ico_radio_check.png) 50% 50% no-repeat;border-color:#2366FF}
.requestWtWrap .inputChk:disabled + label{opacity:0.6;cursor:default}
.requestWtWrap .inputChk:disabled + label:before{background:#eee}
.requestWtWrap .inputChk:checked:disabled + label{color:#333}
.requestWtWrap .inputChk:checked:disabled + label:before{border:solid 1px #CDD0D2;background:#eee url(/images/ico_baptism_check.png) 50% 50% no-repeat;background-size:10px auto}
.requestWtWrap .inputRdo{display:none}
.requestWtWrap .inputRdo + label{font-weight:lighter;background:url(../images/ico_radio.png) 0 0 no-repeat;margin-right:15px;padding:0 0 0 18px;cursor:pointer}
.requestWtWrap .inputRdo:checked + label{color:#395fd7;background:url(../images/ico_radio_on.png) 0 0 no-repeat}
.requestWtWrap .inputRadio + label{}
.requestWtWrap .visitKind{padding-top:10px}
.requestWtWrap .visitKind .inputRdo + label{min-width:75px}
.requestWtWrap .inputSelect{border:solid 1px #d8d8d8}
.requestWtWrap .inputSelect:disabled{background:rgb(243, 243, 242) !important}
.requestWtWrap .inputText:disabled{background:rgb(243, 243, 242)}
.requestWtWrap .inputText.w150{width:150px}
.requestWtWrap .inputSelect.w100p{border:solid 1px #D8D8D8;width:100%}
.requestWtWrap .btnArea{text-align:center;border-top:solid 1px #f4f4f4;padding:10px 0 20px 0}
.requestWtWrap .sujSel{width:calc(100% - 90px)}
.requestWtWrap .btnStList{width:100px;background:#fff url(/images/icon_eventReport.png) 7px 50% no-repeat;background-size:15px auto;border:solid 1px #3674ff;height:34px;color:#3674ff;font-size:12px;font-weight:bold;letter-spacing:-1px;line-height:1.1;border-radius:2px;padding:3px 5px 0 26px}
/* .requestWtWrap .btnStList:before{display:inline-block;content:"";width:15px;height:20px;vertical-align:middle;margin:0 2px 3px 0} */
.requestWtWrap .writeTable td .inputRadio + label{vertical-align:middle;padding:8px 10px}
.requestWtWrap .writeTable .btnGroup{margin:0 10px 5px 4px;float:left}
.requestWtWrap .writeTable .btnGroup button{vertical-align:middle;outline:none;min-width:40px;height:35px;line-height:30px;background:#f8f8f8;border:solid 1px #d8d8d8;font-size:12px;color:#999;font-weight:bold;letter-spacing:-0.5px;padding:0 3px;margin:0 -3px}
.requestWtWrap .writeTable .btnGroup .on{background:#fff;border:solid 1px #3574ff;color:#266ad0;position:relative}
.requestWtWrap .writeTable .dateSet{margin:4px 0;clear:both}
.requestWtWrap .writeTable .dateSet .btnPeriod{min-width:50px;height:30px;line-height:30px;background:#3574ff;color:#fff;font-size:13px;padding:0 5px;border-radius:2px;padding:0 5px}
.requestWtWrap .writeTable .btnMMSearch{width:35px;height:36px;background:#fff url(/images/ico_search_in_top.png) right 50% no-repeat;border-radius:0;font-size:14px;border:solid 1px #D8D8D8;background-color:#F8F8F8;padding:0 10px;margin-left:-30px}
.requestWtWrap .writeTable .personTab{border-top:solid 1px #ddd;margin:-1px 0 0 0;text-align:center}
.requestWtWrap .writeTable .personTab ul{width:100%;margin:0;padding:0}
.requestWtWrap .writeTable .psResultTable{border-top:none;/*border-top:solid 1px #ddd*/}
.requestWtWrap .writeTable .psResultTable th{height:auto;background:#f9f9f9}
.requestWtWrap .writeTable h4.resultTxt{color:#666;font-size:13px;font-weight:400;line-height:1.5}
.requestWtWrap .writeTable .rdiArea{margin:0 0 10px 0}
.requestWtWrap .writeTable .ui-tabs .ui-tabs-nav li{border-bottom:solid 1px #eee}
.requestWtWrap .writeTable .ui-tabs .ui-tabs-nav li.ui-state-active{border-bottom:none}
.requestWtWrap .textArea{width:100%;height:100px;border:none;font-size:14px;color:#555;border:solid 1px #D8D8D8;border-radius:2px;padding:5px}
.requestWtWrap .inputCheck{display:none}
.requestWtWrap .inputCheck + label{font-family:NanumGothicBold;margin:0 10px 0 10px;cursor:pointer}
.requestWtWrap .inputCheck + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #CDD0D2;border-radius:2px;vertical-align:middle;margin:0 5px 2px 0}
.requestWtWrap .inputCheck:checked + label{color:#2471e4}
.requestWtWrap .inputCheck:checked + label:before{background:#2471e4 url(/images/ico_radio_check.png) 50% 50% no-repeat;border-color:#2471e4}
.requestWtWrap .inputDatePick{width:150px;letter-spacing:-0.5px}
.requestWtWrap .resultBox{width:100% !important}
.requestWtWrap .targetArea .btnNameSave{height:30px;line-height:30px;background:#266AD0;color:#fff;font-size:13px;padding:0 10px;border-radius:30px;min-width:50px}
.requestWtWrap .personTab .inputName{margin:15px 0 0 0}
.requestWtWrap .resultBox h4{padding:0}
.requestWtWrap td.personArea{border-bottom:none}
.requestWtWrap .explain{color:#F44336;font-size:11px}

.requestWtWrap .resultNone{/*border-top:1px solid #f1f2f6;*/border-bottom:none;border-left:none;border-right:none;border-radius:0;color:#878b8e;font-size:14px;text-align:center;line-height:38px;padding:29px;margin:0;list-style:none}
.requestWtWrap .resultNone .noneImg{height:36px}
.requestWtWrap .resultNone .blue{background:#4696ff;width:3px;height:calc(100% + 2px);z-index:9999;position:absolute;left:-1px;top:-1px;border-radius:4px 0 0 4px}
.requestWtWrap .resultNone .gray{background:#d9dbdf;width:3px;height:calc(100% + 2px);z-index:9999;position:absolute;left:-1px;top:-1px;border-radius:4px 0 0 4px}

.requestWtWrap .btnMoveMM{height:28px;line-height:26px;color:#FFF;font-size:13px;background:#00d58e;border:solid 1px #00d58e;padding:0 10px;border-radius:30px;margin:2px 1px;cursor:pointer}

.studyLayer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.studyLayerIn{position:absolute;top:46px;left:10px;right:10px;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.15)}
.studyLayer .stTitle{background:#3574ff;border-bottom:solid 1px #2557c7;height:40px;border-radius:5px 5px 0 0;padding:0 15px;position:relative}
.studyLayer .stTitle h3{line-height:40px;font-size:16px;color:#fff;font-weight:bold;letter-spacing:-0.5px}
.studyLayer .stTitle .btnClose{position:absolute;top:0;right:0;width:40px;height:40px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;cursor:pointer}
.studyLayer .stCon{background:#fff;padding:20px;border-radius:0 0 5px 5px}
.studyLayer .stCon h4{background:#f9fafc;color:#666;font-size:14px;padding:5px 10px;margin:0 0 10px 0}
.studyLayer .stCon h4 em{font-weight:bold;color:#36a6f9}
.studyLayer .stCon h4 .bar{display:inline-block;color:#eee;margin:0 3px}
.studyLayer .stTableScroll{max-height:300px;overflow-y:auto;border-top:solid 1px #e3e3e3;border-bottom:solid 1px #e3e3e3}
.studyLayer .stTable{width:100%}
.studyLayer .stTable td{vertical-align:top;border-top:solid 1px #eee;padding:7px 0}
.studyLayer .stTable tr:first-child td{border-top:none}
.studyLayer .stTable td.num{width:30px;font-size:12px;color:gray;text-align:center}
.studyLayer .stTable td p{margin:0;padding:0}
.studyLayer .stTable td .subject{font-size:14px;font-weight:bold;color:#000}
.studyLayer .stTable td .step{display:inline-block;height:16px;line-height:16px;background:#3574ff;color:#fff;font-weight:lighter;font-size:12px;border-radius:10px;padding:0 5px;vertical-align:middle;margin:0 3px 4px 0}
.studyLayer .stTable td .date{display:block;font-size:13px;color:#adadad;font-family:tahoma}

.stOpinionLayer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:11/*z-index:11이상*/}
.stOpinionLayerIn{position:absolute;top:46px;left:10px;right:10px;border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.15)}
.stOpinionLayer .stTitle{background:#3574ff;border-bottom:solid 1px #2557c7;height:40px;border-radius:5px 5px 0 0;padding:0 15px;position:relative}
.stOpinionLayer .stTitle h3{line-height:40px;font-size:16px;color:#fff;font-weight:bold;letter-spacing:-0.5px}
.stOpinionLayer .stTitle .btnClose{position:absolute;top:0;right:0;width:40px;height:40px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;cursor:pointer}
.stOpinionLayer .stCon{background:#fff;padding:20px;border-radius:0 0 5px 5px}
.stOpinionLayer .inputArea{width:100%;height:100px;border:solid 1px #d8d8d8;border-radius:2px;padding:10px;color:#000}
.stOpinionLayer .btnOpArea{text-align:center;margin:10px 0 0 0}
.stOpinionLayer .btnOpPrimary{width:100px;height:35px;background:#4575f6;border:solid 1px #4575f6;border-radius:2px;;font-size:14px;color:#fff;font-weight:bold;padding:0 10px}
.stOpinionLayer .btnOpDefault{width:100px;height:35px;background:#f7f7f7;border:solid 1px #ccc;border-radius:2px;font-size:14px;color:#777;font-weight:bold;padding:0 10px}
.stOpinionLayer .btnOpConfirm{width:100px;height:35px;border:1px solid #17a661;background:#17a661;color:#fff;font-weight:bold}
.stOpinionLayer .btnOpConfirm:hover{background:#17a661;color:#fff}
.stOpinionLayer .opinionSpan{font-size:12px;color:cornflowerblue;display:block;margin:7px auto -10px auto;text-align:left;width:90%}
.stOpinionLayer .inputChurchSH{width:100%;height:37px;line-height:37px;background:url(/images/ico_search_view_gray@2x.png) 97% 50% no-repeat;background-size:14px auto;border:solid 1px #bbb;border-radius:2px;font-size:15px;color:#333;padding:0 10px;margin:0 0 5px 0}
.stOpinionLayer .inputChurchSel{width:100%;height:37px;line-height:37px;border:solid 1px #bbb;border-radius:2px;font-size:15px;color:#333;padding:0 5px;margin:0 0 5px 0}
.stOpinionLayer .chSelTit{font-size:15px;color:#000;font-weight:400;text-align:left;margin:0 0 10px 0}
.stOpinionLayer .chSelTit .point{color:#4575f6;font-weight:bold}

.nameButton{display:inline-block;line-height:16px;border:solid 1px #D8D8D8;padding:10px 15px !important;border-radius:5px;margin:2px 1px 10px;cursor:pointer;background:#f5f5f5;box-shadow:inset -11px -10px 17px -20px #4a4a4a}

.requestDateBox{position:relative}
.requestDateBox .tabs{padding:0 0 0 10px;display:inline-block}
.requestDateBox .tabs li{display:inline-block;font-weight:600;padding:0 10px 0 0}
.requestDateBox .tabs li span{display:block;text-align:left;font-size:15px;letter-spacing:-1px;padding:18px 0 12px 0;cursor:pointer}
.requestDateBox .tabs li em{display:inline-block;color:#FF1645;font-weight:bold;letter-spacing:0;padding:0 0 0 3px}
.requestDateBox .tabs li.active{color:#2196ff;margin-bottom:-1px}
.requestDateBox .tabs li.active span{color:#2196ff;font-weight:bold;border-bottom:solid 3px #2196ff;padding-bottom:9px}
.requestDateBox .tabs li.active em{color:#FF1645}

.requestWrap.dateSet{display:none;/*border-bottom:solid 1px #e8e8e8;*/padding:7px 10px 0}
.requestWrap.dateSet .btnPeriod{min-width:40px;height:30px;line-height:30px;background:#ffffff;color:#3574ff;border:1px solid #3574ff;font-size:13px;padding:0 5px;border-radius:2px;padding:0 5px}

.requestWrap.btnGroupTop{padding:0 0 0 13px;display:inline-block}
.requestWrap.btnGroupTop h3{line-height:30px;font-size:15px;font-weight:bold;color:#333;margin:0}
.requestWrap.btnGroupTop button{min-width:40px;height:30px;line-height:28px;background:#f8f8f8;border:solid 1px #d8d8d8;font-size:12px;color:#999;letter-spacing:-0.5px;padding:0 3px;margin:0 -3px}
.requestWrap.btnGroupTop button.on{background:#fff;border:solid 1px #3574ff;color:#266ad0;position:relative}

.btnVerifyR{display:inline-block;margin:0 0 0 8px;position:relative;top:2px}
.btnVerifyNew{min-width:25px;font-size:11px;color:#777;text-align:center;padding:19px 2px 0 2px;background:#fff;cursor:pointer;position:relative}
.btnVerifyNew:before{position:absolute;top:2px;left:0;width:100%;height:17px;line-height:15px;font-size:19px;text-align:center;display:inline-block;content:"";color:red;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:lighter;letter-spacing:-1.5px}
.btnVerifyNew.on{color:#3574ff;font-weight:bold}
.btnVerifyNew.on:before{font-weight:800 !important}
.btnVerifyAnal{min-width:25px;font-size:11px;font-weight:bold;color:#777;text-align:center;padding:19px 2px 0 2px;background:url(/images/ico_anal_tab1@2x.png) 50% 0 no-repeat;background-size:17px auto;cursor:pointer}

.requestSearchWrap{position:absolute;top:0;right:0;display:inline-block;float:right}
.requestSearchWrapIn{position:relative}
.requestSearchWrap .btnSearchView{position:absolute;top:3px;right:40px;width:32px;height:32px;border:solid 1px #D8D8D8;border-radius:50%;background:#fff url(/images/ico_search_view_g@2x.png) 50% 50% no-repeat;background-size:14px auto;cursor:pointer}
.verifySearchView .searchView{display:none;width:100%;height:auto;border:none;border-radius:0;z-index:1;position:inherit;top:inherit;right:inherit;padding:0 0 9px 0;margin:0}
.verifySearchView .searchViewIn{width:calc(100vw - 30px);background:#fff;border:solid 1px #ddd;color:#fff;font-size:14px;border-radius:40px;padding:0 10px;margin:0 15px 0 15px;position:relative}
.verifySearchView .searchView .textSearch{width:calc(100% - 40px);height:40px;background:transparent;font-size:15px;color:#000;vertical-align:middle;padding:0 0 0 5px;margin:0}
.verifySearchView .searchView .btnSearch{width:40px;height:40px;background:transparent url(../images/ico_search_view_g@2x.png) 50% 50% no-repeat;background-size:16px auto;vertical-align:middle;margin:0}

.verifyFaqWrap{padding:0 15px}

.faqTitle{border-bottom:solid 2px #097aff;margin:20px 0 0 0;padding:0 0 5px 0}
.faqTitle h3{}
.faqList{margin:10px 0 20px 0}
.faqList dt{cursor:pointer;border-bottom:solid 1px #eceded;font-weight:400;font-size:14px;color:#000;line-height:1.4;padding:10px 0 8px 30px;text-indent:-11px;cursor:pointer}
.faqList dt:before{display:inline-block;content:"Q. ";color:#097aff;font-weight:lighter;font-size:16px;font-family:arial;vertical-align:middle;margin:0 5px 2px 0}
.faqList dt.on{color:#097aff}
.faqList dd{display:none;border-bottom:solid 1px #e4e5e7;background:#f8f8f8;font-size:14px;color:#000;line-height:1.6;text-align:justify;padding:15px 15px}
.faqList dd a{color:#000;text-decoration:underline}
.faqList dd a:hover{color:#097aff}

.saintBox{min-height:70px;border-bottom:solid 8px #eaeef3;background:url(/images/bg_saint@2x.jpg) 0 0 no-repeat;background-size:100% 100%;cursor:pointer}
.saintBoxIn{vertical-align:middle;padding:10px 20px}
.saintBox h3{font-size:17px;color:#444;letter-spacing:-1px;font-weight:bold}
.saintBox h3 .point{color:#458bde}
.saintBox .explain{font-size:13px;color:#777;letter-spacing:-0.5px}
.saintBox .explain:after{display:inline-block;content:"";width:14px;height:14px;background:url(/images/ico_saint_arrow@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 0 4px 5px}

.transferTable{width:100%}
.transferTable th{height:32px;background:#f9fafc;color:#777;font-size:12px;line-height:1.1;letter-spacing:-0.5px;border-bottom:none;text-align:center;padding:3px 0;font-weight:normal;line-height:1.4}
.transferTable th.thName{width:60px}
.transferTable th.thStatus{width:100px}
.transferTable td{height:32px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;padding:5px 3px;background:#fff}
.transferTable td.tdGb{color:#000}
.transferTable td.tdName{font-weight:bold;color:#000}
.transferTable td.tdDate{color:#9b9b9b}
.transferTable td .stat{color:#3574ff;line-height:1.1}
.transferTable td .statGray{color:gray}
.transferTable td .btnAcc{background:#3574ff;border-radius:2px;font-size:11px;color:#fff;padding:3px 5px 2px 5px;margin:0 2px}
.transferTable td .btnReturn{background:#989da8;border-radius:2px;font-size:11px;color:#fff;padding:3px 5px 2px 5px;margin:0 2px}
.transferTable td .btnCancel{background:#f7f7f7;border:solid 1px #ccc;border-radius:2px;font-size:11px;color:#555;padding:3px 5px 2px 5px;margin:0 2px}
.transferTable td .transDate{display:block;font-size:11px;color:gray;font-weight:400}

.otherBapTable{width:100%}
.otherBapTable th{height:32px;background:#f9fafc;color:#777;font-size:13px;line-height:1.1;letter-spacing:-0.5px;border-bottom:none;text-align:center;padding:3px 0;font-weight:normal;line-height:1.4}
.otherBapTable td{height:32px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:center;padding:5px 0;background:#fff}
.otherBapTable td.tdName{font-weight:bold;color:#000}
.otherBapTable td.tdDate{color:#9b9b9b}
.otherBapTable td.tdChurch{color:#000}

.reqTabDepth{background:#e7eaf0;padding:7px 10px 7px 14px;margin:-10px 0 0 0}
.reqTabDepth button{width:calc(50% + 7px);height:32px;background:#fff;border:solid 1px #e7eaf0;font-size:13px;color:#333;letter-spacing:-0.5px;margin:0 -5px;padding:1px 0 0 0}
.reqTabDepth button.on{background:#3574ff;border:solid 1px #3574ff;color:#fff}

.verifyGuideTab{background:#e7eaf0;padding:7px 10px 7px 14px;margin:-10px 0 0 0}
.verifyGuideTab button{width:calc(33.3% + 7px);height:32px;background:#fff;border:solid 1px #e7eaf0;font-size:13px;color:#333;letter-spacing:-0.5px;margin:0 -5px;padding:1px 0 0 0}
.verifyGuideTab button.on{background:#3574ff;border:solid 1px #3574ff;color:#fff}

.eduStatus{padding:15px}
.eduStatus .btnIntoSurvey{background:url('/images/ico_edu_survey@2x.png') 5% 50% no-repeat;background-size:10px auto;padding-left:18px;color:#999a9e;letter-spacing:-1px;height:20px;font-size:10px;vertical-align:top;margin-left:5px}
.eduStatus .eduTitle{padding-bottom:10px}
.eduStatus .eduTitle span{font-family:NanumGothic;font-weight:bold;font-size:15px}
.eduStatus .eduTitle span.minGray{color:#999;font-size:10px;display:block}
.eduStatus .eduTitle span.gray{color:#999}
.stepStatusBar{height:18px;width:100%;background-color:#eaeaea;border-radius:50px;display:flex;position:relative}
.stepStatusBar span.stepNum{width:15px;height:15px;background-color:#FFF;border-radius:50%;display:inline-flex;text-align:center;font-size:8px;vertical-align:top;z-index:10;padding:0 4.5px;font-family:NanumGothicBold;position:absolute;top:1.5px;right:1.5px}
.stepStatusBar span.stepCell{width:100%;height:18px;display:inline-flex;position:relative;/* left:16px; */margin-right:-10px;text-align:right}
.stepStatusBar span.stepCell:first-child{border-radius:50px 0 0 50px}
.stepStatusBar span.stepCell:first-child.lastCom{border-radius:50px;z-index:9}
.stepStatusBar span.stepCell:last-child{border-radius:0 50px 50px 0;margin:0}
.stepStatusBar span.stepCell.mandatory{background:#bcd2ff}
.stepStatusBar span.stepCell.complete{background:#548fff}
.stepStatusBar span.stepCell.lastCom{border-radius:0 50px 50px 0;z-index:9}
.stepStatusBar span.stepCell.lastMandatory{border-radius:0 50px 50px 0}
.stepStatusBar span.stepCell.reCom{background:#00da86}
.eduStatus .infoBox{background-color:#f8f8fa;border-radius:15px 15px 0 0;height:40px;text-align:center;line-height:40px;margin-top:10px}
.eduStatus .infoBox span{font-weight:bold;font-size:11px}
.eduStatus .infoBox span.bar{border:#ddd solid 1px;margin-right:10px;margin-left:10px}
.eduStatus .infoBox span.minGray{color:#999;font-size:10px;padding-right:3px}
.eduStatus .infoBox2{background-color:#f8f8fa;border-radius:15px 15px 0 0;text-align:center;word-break:break-all}
.eduStatus .infoBox2 span{font-weight:bold;font-size:11px;word-break:break-word}
.eduStatus .infoBox2 span.bar{border:#ddd solid 1px;margin-right:10px;margin-left:10px}
.eduStatus .infoBox2 span.minGray{color:#999;font-size:10px;padding-right:3px}
.eduStatus .eduBook{margin-top:20px;background-color:#f6f7f9;margin:20px -15px 0;padding:20px 15px}
.eduStatus .eduBook .bookProgressBar{display:flex}
.eduStatus .eduBook .bookProgressBar .bookCell{background-color:#646f83;color:#FFF;font-size:8px;width:14.3%;text-align:left;height:25px;line-height:25px;border-right:1px solid #535c6d;position:relative}
.eduStatus .eduBook .bookProgressBar.text .bookCell{background-color:#f6f7f9;color:#8c8d8f;font-size:4px;text-align:center;height:20px;line-height:20px;border-right:none;position:relative}
.eduStatus .eduBook .bookProgressBar .bookCell .per{background-image:linear-gradient(265deg, #71b3ff, #558eff);display:inline-block;height:16px;vertical-align:middle}
.eduStatus .eduBook .bookProgressBar .bookCell .perNum{width:100%;display:block;position:absolute;text-align:center;top:0}

.activeList{}
.activeListTitle{background:#5776ff;padding:15px 15px}
.activeListTitle h2{font-size:20px;font-weight:bold;color:#fff;letter-spacing:-1px;margin:0 0 5px 0}
.activeListTitle .explain{font-size:15px;color:#fff;letter-spacing:-0.5px}
.activeListTitle .explain .point{color:#ffee00}

.activeListItem{padding:30px 15px}
.activeListItem.bg{background:#f7f7f7}
.activeListItem.first{padding:15px 15px 30px 15px}
.activeListItem h3{font-size:17px;color:#202225;font-weight:bold;line-height:1.2;margin:0 0 15px 0}
.activeListItem .btnRegion{width:100%;height:58px;font-size:15px;color:#fff;font-weight:bold;background:#06c272;border-radius:5px;padding:0 5px}
.activeListItem .btnRegionOther{width:100%;height:58px;font-size:15px;color:#fff;font-weight:bold;background:#5776ff;border-radius:5px;padding:0 5px}
.activeListItem .btnRegionHistory{width:100%;height:58px;font-size:15px;color:#5776ff;font-weight:bold;background:#fff;border:solid 1px #5776ff;border-radius:5px;padding:0 5px}
.activeListItem .thisRegion{color:#06c272;margin:0 0 10px 0}
.activeListItem .thisRegion .tit{display:inline-block;border:solid 1px #06c272;border-radius:10px;padding:0 5px}

.writeRgTop{background:#5776ff;font-size:18px;color:#fff;letter-spacing:-0.5px;padding:15px}
.writeRgTopUnder{background:#5776ff}
.writeRgTopUnderIn{height:20px;background:#fff;border-radius:16px 16px 0 0}

.areaTGroup{}
.areaTGroup button{display:inline-block;width:calc(33% - 15px);height:35px;font-size:14px; background:transparent;border:1px solid #a1b1f9;color:#fff;letter-spacing:-0.5px;padding:0 5px; border-radius:20px}
.areaTGroup button.on{background:#48bfff;border-color:#48bfff}

.writeRgTop .btnPrev{width:12px; height:23px; cursor:pointer; background:url(/images/ico_comm_back_w@2x.png) 50% 50% no-repeat; background-size:12px auto; margin-right:12px}
.writeRgTop .ourAreaSpan{display:inline-block;height:27px;line-height:27px;font-size:14px; background:#06c272; padding:1px 10px 0 10px; border-radius:15px}
.writeRgTop .otherAreaSpan{display:inline-block;height:27px;line-height:27px;font-size:14px; background:#48bfff; padding:1px 10px 0 10px; border-radius:15px}
.writeRgTop .areaName{display:inline-block;font-size:16px;letter-spacing:-1px;line-height:1.1;margin:0}
.writeRgTop .btnAreaModify{height:30px;font-size:15px; background:transparent; border:1px solid #a1b1f9; padding:0 13px 0 12px; border-radius:15px; color:#fff; position:absolute; margin-top:-2px; right:0; display:inline-block}
.writeRgTop .areaListTable{z-index:100; width:100%}
.writeRgTop .areaListTable td{background:#f8f8f8; height:40px; border:1px solid #e8e8e8; font-size:13px; color:#555; text-align:left; padding:10px 5px; cursor:pointer}
.writeRgTop .inputText{height:35px;line-height:35px;border:none;border-radius:0;font-size:16px;color:#000;letter-spacing:-0.5px}
.writeRgTop .inputText.areaSch{}
.writeRgTop .btnSearch{width:25px;height:35px;background:transparent url(/images/ico_search_view_gray@2x.png) 0 50% no-repeat;background-size:auto 17px}
.writeRgTop .btnAreaDel{width:35px;height:35px;background:url(/images/ico_issue_sh_del@2x.png) 50% 50% no-repeat;background-size:18px auto}
.writeRgTop .alert{font-size:13px;padding:0;margin:0;border:none}
.writeRgTop .areaDiv{margin:20px 0 0 0;padding:0 80px 0 0;position:relative}
.writeRgTop .btnArea{height:30px;font-size:15px; background:transparent; border:1px solid #a1b1f9; padding:0 13px 0 12px; border-radius:15px; color:#fff; margin-top:10px}
.areaModifyDiv{margin:15px 0 0 0}
.areaModifyItem{position:relative}
.areaModifyItem .btnR{position:absolute;top:0;right:0}
.areaModifyItem.under{margin-top:5px}

.writeRgWrap{padding:0 0 20px 0}
.writeRgWrap .set{position:relative;float:left;width:100%;padding:5px 10px}
.writeRgWrap .setTit{font-size:14px; font-weight:300; display:block}
.writeRgWrap .inputText{font-size:15px;border:1px solid #E3E3E3;color:#333;height:35px;margin:2px 0 2px 0;padding:0 10px}
.writeRgWrap .inputSelect{font-size:15px; width:100%; height:35px; padding:0 10px; border:1px solid #E3E3E3; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/images/ico_select@2x.png') right 15px no-repeat; background-size:16px auto; vertical-align:top; margin:2px 0 15px}
.writeRgWrap .inputChk{display:none}
.writeRgWrap .inputChk + label{display:inline-block;font-size:13px;color:#666;font-weight:lighter;margin:2px 3px 2px 0;cursor:pointer;margin-left:10px}
.writeRgWrap .inputChk + label:before{display:inline-block;content:"";width:18px;height:18px;border:solid 1px #d3d3d3;border-radius:3px;background:url(/images/ico_date_chk@2x.png) 50% 50% no-repeat;background-size:12px auto;vertical-align:middle;margin:0 5px 2px 0}
.writeRgWrap .inputChk:checked + label{color:#5776ff}
.writeRgWrap .inputChk:checked + label:before{border:solid 1px #5776ff;background:#5776ff url(/images/ico_date_chk_w@2x.png) 50% 50% no-repeat;background-size:12px auto}
.writeRgWrap .btn-group{font-size:15px;width:100%;height:35px;/* padding:0 10px; *//* border:1px solid #E3E3E3; */border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/images/ico_select@2x.png') right 15px no-repeat;background-size:16px auto;vertical-align:top;margin:2px 0 15px}
.writeRgWrap .tdMulti .btn-group{background:none}
.writeRgWrap .caret{display:none !important}
.writeRgWrap .btn-group .btn{font-size:16px; width:100%; height:35px; padding:0 10px; border:1px solid #E3E3E3; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('/images/ico_select@2x.png') right 15px no-repeat; background-size:16px auto; vertical-align:top; margin:2px 0 15px}
.writeRgWrap .inputDateClick{cursor:pointer}
.writeRgWrap .btnArea{text-align:center;margin:20px 15px 0 15px}
.writeRgWrap .btnArea .btnRgDelete{width:calc(50% - 8px);height:58px;background:#a3a8b5;border-radius:5px;font-size:18px;color:#fff;font-weight:bold;margin:0 2px}
.writeRgWrap .btnArea .btnRgPrimary{width:calc(50% - 8px);height:58px;background:#5776ff;border-radius:5px;font-size:18px;color:#fff;font-weight:bold;margin:0 2px}
.writeRgTable{width:100%;margin:0}
.writeRgTable th{color:#202225;font-size:14px;letter-spacing:-1px;line-height:1.2;font-weight:bold;padding:20px 20px 10px}
.writeRgTable th.ageTh{}
.writeRgTable .currTH{color:#266AD0}
.writeRgTable .lineT th{border-top:solid 8px #f7f7f7}
.writeRgTable .lineB td{border-bottom:solid 8px #f7f7f7}
.writeRgTable td{color:#333;font-size:13px;letter-spacing:-1px;padding:0 20px 0 20px;position:relative;vertical-align:middle;text-align:left}
.writeRgTable td.tdPtn{padding-bottom:10px}
.writeRgTable td.tdPtn .addText{height:25px;color:#000}
.writeRgTable td.tdPtn .addText::placeholder{color:gray}
.writeRgTable td.tdPtn .btnR{top:-5px}
.writeRgTable tr.padBot td{padding-bottom:15px}
.writeRgTable td p{margin:0 3px 0 0}
.writeRgTable td .inputRadio + label{height:auto;line-height:1.0;font-size:16px;padding:7px 10px;margin:0}
.writeRgTable td .inputRadio:checked + label{border:solid 2px #5776ff;color:#5776ff}
.writeRgTable td .inputCal{background:url(/images/ico_date_cal_s@2x.png) 76px 50% no-repeat;background-size:22px auto;font-size:12px;-webkit-appearance:none}
.writeRgTable td .inputCal::-webkit-clear-button{display:none;-webkit-appearance:none}
.writeRgTable td .inputCal::-webkit-inner-spin-button{display:none;-webkit-appearance:none}
.writeRgTable td .inputCal::-webkit-calendar-picker-indicator {opacity:0;cursor:pointer}
.writeRgTable tr:first-child th,
.writeRgTable tr:first-child td{border-top:none}
.writeRgTable .explain{padding:10px 0;color:#666}
.writeRgTable .ui-tabs .ui-tabs-nav{border-spacing:1px;border-collapse:initial}
.writeRgTable .ui-tabs .ui-tabs-nav li{float:initial;border-collapse:seperate;white-space:initial;vertical-align:middle;margin:0}
.writeRgTable .ui-tabs .ui-tabs-nav li.ui-state-active{z-index:1}
.writeRgTable .ui-tabs .ui-tabs-nav li .explain{color:gray;font-size:11px}
.writeRgTable .ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding:6px 0 4px 0;font-size:12px;line-height:1.1}
.writeRgTable .ui-widget input{font-size:13px}
.writeRgTable .ui-tabs .ui-tabs-panel{padding:10px 10px 10px 10px}
.writeRgTable .ui-tabs .ui-tabs-panel .otherSel{padding:0 0 10px 0}
.writeRgTable label{font-size:13px}
.writeRgTable .inputSelect{font-size:16px;letter-spacing:-0.5px;margin:0}
.writeRgTable .inputSelect.time{width:100px}
.writeRgTable .btn-group{font-size:13px;margin:0}
.writeRgTable .btn-group .btn{font-size:16px;letter-spacing:-0.5px;margin:0;/* width: calc(100% - 10px); */text-align: left}
.writeRgTable .addText{font-size:16px;letter-spacing:-0.5px;padding:0}
.writeRgTable .inputText.areaSch{font-size:16px;letter-spacing:-0.5px}
.writeRgTable .inputText.areaSch.area{width:100%;font-size:15px}
.writeRgTable .btnDelete{margin:0}
.writeRgTable .btnSet{margin:0}
.writeRgTable .timeR{top:0;height:33px}
.writeRgTable .preachTime{font-size:15px;padding:0 12px; margin-top:2px}
.writeRgTable .inputDatePick{font-size:15px}
.writeRgTable .psResultTable td {border-top:solid 1px #f4f4f4; padding:7px 10px}
.writeRgTable .lostsheepSpan{font-size:14px;font-weight:bold;color:#000}
.writeRgTable .attManage{padding:5px 20px 20px}

.writeRgWrap .preachSum{margin:10px 0px 0px 0px;font-size:15px;text-align:center}
.writeRgWrap .preachSumCnt{font-weight:bold}
.writeRgWrap .preachSumCnt.sumCnt{color:#007eff;}

.bapRgTable{width:100%;border-top:solid 1px #E8E8E8;border-bottom:solid 1px #E8E8E8}
.bapRgTable th{height:30px;font-weight:bold;background:#f5f5f5;text-align:center;color:#888;font-size:12px;padding:2px 0 0 0}
.bapRgTable th.num{}
.bapRgTable td{text-align:center;font-size:13px;color:#666;border-top:solid 1px #E8E8E8;padding:7px 0}
.bapRgTable .num{}
.bapRgTable .bapName{text-align:left}
.bapRgTable .age{text-align:left}
.bapRgTable .btnTD{}
.bapRgTable td.bapName{font-weight:bold;color:#000}
.bapRgTable td .btnNormal{min-width:auto;height:28px;line-height:30px;font-size:13px;background:#3574FF;color:#fff;border:none;margin:0;padding:0 8px}
.bapRgTable td .btnNormal:hover{background:#2a68f3}

.areaRadioDiv{text-align:center; border-bottom:solid 8px #f7f7f7; padding-bottom:10px}
.areaRadio{display:none}
.areaRadio + label{font-size:15px; border:solid 1px #d9dbdc; color:#a4a3a3; width:30%; padding:10px 0 7px; border-radius:30px}
.areaRadio:checked + label{background:#4A6BFF; border-color:#4A6BFF; color:#fff}

.areaRgGroup{text-align:center;border-bottom:solid 8px #f7f7f7;padding:0 0 15px 0}
.areaRgGroup button{width:30%;height:40px;background:#fff;font-weight:bold;font-size:15px;color:#999;letter-spacing:-0.5px;border:solid 1px #d9dbdc;border-radius:20px;padding:2px 5px 0 5px}
.areaRgGroup button.on{background:#5776ff;border-color:#5776ff;color:#fff}

.areaHistoryListWrap{padding:10px 20px 0 20px;margin:0}
.areaHistoryTable{width:100%}
.areaHistoryTable td{font-size:15px;color:#202225;border-bottom:solid 1px #f1f2f5;vertical-align:middle;padding:10px 0}
.areaHistoryTable td.tdAdd{font-size:15px;color:#202225;line-height:1.1;letter-spacing:-0.5px}
.areaHistoryTable td.tdBtn{text-align:right;width:60px}
.areaHistoryTable td .btnNameSave{height:30px;line-height:30px;background:#fff;border:solid 1px #5776ff;color:#5776ff;font-size:14px;padding:0 10px;border-radius:30px;min-width:50px}

.writeExplain{font-size:14px;color:#999;text-indent:-10px;letter-spacing:-0.5px;padding:20px 15px 0 25px}
.writeExplain .point{color:#fa5155}

.eduStatus .infoBox2 span.point{color:#4b67ea}
.btnCareTotalArea{display:flex;align-items:start;justify-content:center;border-top:solid 2px #3b4e72;text-align:center;margin:0 0 0 0}
.btnCareMore{width:185px;background:#fff url(/images/btn_slide_bg.png) center bottom no-repeat;background-size:205px 100%;min-height:28px;font-weight:bold;font-size:11px;color:#fff;letter-spacing:-0.5px;line-height:1.1;text-align:center;padding:3px 40px 5px 20px;position:relative;top:-2px;opacity:0.7}
.btnCareMore:after{position:absolute;top:8px;right:22px;display:inline-block;content:"";width:13px;height:8px;background:url(/images/ico_care_down.png) 0 0 no-repeat}
.btnCareMore.on{opacity:1;color:#ffed98;}
.btnCareMore.on:after{background:url(/images/ico_care_up.png) 0 0 no-repeat}
.btnCareMore .textS{font-family:NanumGothic;font-weight:lighter;color:#e3e3e3}
.btnChallenge{width:178px;background:#fff url(/images/btn_slide_bg.png) center bottom no-repeat;background-size:194px 100%;min-height:28px;font-weight:bold;font-size:11px;color:#fff;letter-spacing:-0.5px;line-height:1.1;text-align:center;padding:3px 40px 5px 20px;position:relative;top:-2px;opacity:0.7}
.btnChallenge:after{position:absolute;top:8px;right:22px;display:inline-block;content:"";width:13px;height:8px;background:url(/images/ico_care_down.png) 0 0 no-repeat}
.btnChallenge.on{opacity:1;color:#ffed98;}
.btnChallenge.on:after{background:url(/images/ico_care_up.png) 0 0 no-repeat}
.btnChallenge .textS{font-family:NanumGothic;font-weight:lighter;color:#e3e3e3}

.activeStatChallenge{padding:10px 15px}
.challengeNoteTable{width:100%}
.challengeNoteTable th{width:70px;vertical-align:top;font-size:12px;letter-spacing:-0.5px;font-weight:bold;padding:0 0 5px 0}
.challengeNoteTable th .thTit{position:relative;padding:0 0 0 15px}
.challengeNoteTable th .thTit:before{position:absolute;top:2px;left:0;display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_msg@2x.png) 0 0 no-repeat;background-size:12px;}
.challengeNoteTable td{vertical-align:top;font-size:12px;letter-spacing:-0.5px;font-weight:bold;padding:0 0 5px 0}

#surveyExp span.no:before{position:relative;top:3px;display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_msg@2x.png) 0 0 no-repeat;background-size:12px}
#surveyExp span.yes:before{position:relative;top:3px;display:inline-block;content:"";width:12px;height:12px;background:url(/images/ico_heart_light.png) 0 0 no-repeat;background-size:12px}
.btnSurveyStart{position:relative;left:calc(50% - 75px);top:10px;width:150px;height:30px;font-size:12px;letter-spacing:-1px;font-weight:bold;background-color:#08d362;border:none;cursor:pointer;outline:none;color:#fff;background-image:linear-gradient(to top, rgba(0,0,0,.075), rgba(255,255,255,.045));box-shadow:inset 0 -1px 0 rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.04), 0 0 1px rgba(0,0,0,.3), 0 0 10px rgba(0,0,0,.1);border-radius:100px;text-align:center;overflow:hidden;transition:all .3s cubic-bezier(.67,.13,.1,.81), transform .15s cubic-bezier(.67,.13,.1,.81)}
.surveyStep{font-size:11px;letter-spacing:-1px;background-color:#fff;display:inline-block;width:27%;border-radius:25px;text-align:center;word-break:break-all}

.popInputLayer{position:absolute;top:100px;left:20px;right:20px;background:#fff;border-radius:5px;box-shadow:4px 4px 8px rgba(0,0,0,0.4)}
.popInputLayer.popScore{width:calc(100% - 40px);margin:0 20px !important}
.popInputLayer .popTitle{position:relative;height:45px;background:#496AEA;border-radius:5px 5px 0 0}
.popInputLayer .popTitle h3{line-height:45px;font-size:17px;font-weight:600;color:#fff;padding:0 0 0 20px}
.popInputLayer .popTitle .btnClose{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/images/ico_channel_n_w.png) 50% 50% no-repeat;cursor:pointer}
.popInputLayer .popTitle .btnClose:hover{opacity:0.8}
.popInputLayer .popCon{padding:30px}
.popInputLayer .popConTit{border-bottom:solid 2px #333;margin:0 0 20px 0;padding:0 0 10px 0}
.popInputLayer .popConTit h3{font-size:17px;margin:0}
.popInputLayer .popConTit .subject{color:#535bfb;font-size:20px;font-weight:bold}
.popInputLayer .popConTit .kind{display:inline-block;margin:0 0 0 5px}
.popInputLayer .popConTit .date{display:inline-block;font-weight:lighter;font-size:13px;margin:0 0 0 20px}
.popInputLayer .popScoreTit{display:table;width:100%;border-bottom:solid 2px #333;text-align:center;padding:0 0 10px 0}
.popInputLayer .popScoreTit h3{display:inline-block;font-size:17px;background:#f5f7f9;border-radius:30px;margin:0;padding:8px 20px}
.popInputLayer .popScoreTit .subject{color:#438cff;font-size:20px;font-weight:bold}
.popInputLayer .popScoreTit .kind{display:inline-block;margin:0 0 0 5px}
.popInputLayer .popScoreTitR{float:right;margin-top:10px;font-weight:bold; font-size:16px}
.popInputLayer .nameShBox{text-align:center}
.popInputLayer .inputText{width:100%;height:35px;border:solid 1px #b8b9ba;font-size:14px;color:#000;border-radius:2px;padding:0 10px;vertical-align:middle}
.popInputLayer .inputText.date{width:150px;padding:5px 10px;font-size:13px}
.popInputLayer .inputText:disabled{cursor:default;background:#f5f5f5;opacity:0.8}
.popInputLayer .wNameSH{width:200px}
.popInputLayer .btnNameSH{min-width:70px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;border-radius:2px;font-size:14px;color:#fff;font-family:NanumGothic;font-weight:bold;margin:0;cursor:pointer}
.popInputLayer .btnNameSH:hover{background:#5A6A7A;border-color:#506171}
.popInputLayer .btnNameSH:before{display:inline-block;width:14px;height:15px;content:"";background:url(/images/ico_edu_search_w@2x.png) 0 0 no-repeat;background-size:14px auto;vertical-align:middle;margin:0 3px 3px 0}
.popInputLayer .nameResultTable{width:100%;border-top:solid 1px #ddd;margin:20px 0 20px 0}
.popInputLayer .nameResultTable th{font-weight:lighter;border-bottom:solid 1px #eee;padding:10px 0}
.popInputLayer .nameResultTable td{border-bottom:solid 1px #eee;padding:10px 0}
.popInputLayer .nameResultTable  .saintNm{font-size:16px;font-weight:bold}
.popInputLayer .nameResultTable .info{display:block;font-size:14px;letter-spacing:0px}
.popInputLayer .nameResultTable .dpt{font-size:13px;color:#3574ff}
.popInputLayer .nameResultTable .bar{display:inline-block;font-size:12px;color:#bfbdbd;margin:0 5px 3px 5px;vertical-align:middle}
.popInputLayer .nameResultTable td.tdBtn{text-align:right}
.popInputLayer .nameResultTable .tit{font-size:15px;font-weight:600;padding-top:10px;padding-bottom:10px}
.popInputLayer .nameResultTable .btnNameSave{min-width:50px;height:30px;line-height:28px;background:#fff;border:solid 1px #535bfb;color:#535bfb;font-size:14px;font-weight:bold;padding:0 10px;border-radius:30px;cursor:pointer}
.popInputLayer .nameShResultBox{background:#f6f9fd;padding:20px 30px}
.popInputLayer .nameShResultTable{}
.popInputLayer .nameShResultTable th{height:30px;font-size:14px;padding:0 20px 5px 0}
.popInputLayer .nameShResultTable td{font-size:14px;padding:0 0 5px 0}
.popInputLayer .nameShResultTable .tdName{padding:0 0 10px 0}
.popInputLayer .nameShResultTable .name{font-size:20px;color:#111;font-weight:bold}
.popInputLayer .nameShResultTable .score{font-size:20px;font-weight:bold;color:#535bfb}
.popInputLayer .nameShResultTable .statePass{display:inline-block;height:25px;line-height:25px;background:#6f8aff;border-radius:20px;color:#fff;font-size:14px;font-weight:bold;padding:0 15px;margin:0 0 0 10px}
.popInputLayer .nameShResultTable .tit{font-size:12px;color:#555}
.popInputLayer .nameShResultTable .scoreS{display:inline-block;font-size:16px;color:#111;font-weight:bold;margin:0 20px 0 0}
.popInputLayer .nameShResultTable .wState{width:200px}
.popInputLayer .popFoot{background:#F9F9F9;border-top:solid 1px #EBEBEB;border-radius:0 0 5px 5px;text-align:center;padding:20px 0 30px 0}
.popInputLayer .popFoot .btnDefault{width:120px;height:35px;line-height:33px;background:#74818E;border:solid 1px #5C5C5C;font-size:14px;color:#fff;font-weight:bold;font-family:NanumGothic;font-weight:bold;border-radius:2px}
.popInputLayer .popFoot .btnDefault:hover{background:#5A6A7A;border-color:#506171}
.popInputLayer .popFoot .btnNormal{width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #BDBDBD;font-size:14px;color:#333;font-weight:bold;font-family:NanumGothic;font-weight:bold;border-radius:2px;cursor:pointer}
.popInputLayer .popFoot .btnNormal:hover{background:#FAFAFA}
.popInputLayer .popFoot .btnScore{min-width:150px;display:inline-block;color:#fff;font-size:13px;font-weight:bold;text-align:center;background:#00c577;height:35px;line-height:33px;border-radius:4px;cursor:pointer;padding:2px 10px 0 10px}
.popInputLayer .popFoot .btnScore:before{display:inline-block;content:"";width:19px;height:20px;background:url(/images/ico_view_file_w.png) 0 0 no-repeat;vertical-align:middle;margin:0 5px 0 0}
.popInputLayer .popFoot .btnPrimary{min-width:120px;height:35px;line-height:33px;background:#535bfb;border:solid 1px #353de2;font-size:14px;color:#fff;font-weight:bold;font-family:NanumGothic;font-weight:bold;border-radius:2px;padding:0 10px}
.popInputLayer .popFoot .btnPrimary:hover{background:#353de2;border-color:#353de2}
.popInputLayer .popFoot .btnInit{min-width:120px;height:35px;line-height:33px;background:#fff;border:solid 1px #fab5b5;font-size:14px;color:#ff5757;font-weight:bold;font-family:NanumGothic;font-weight:bold;border-radius:2px;padding:0 10px}
.popInputLayer .popFoot.userV .btnNormal{height:45px;line-height:45px}
.popInputLayer .popFoot.userV .btnPrimary{height:45px;line-height:45px}
.popInputLayer .selMajor{display:inline-block;vertical-align:middle}
.popInputLayer .selMajor div.dhxcombo_dhx_skyblue{width:480px !important}
.popInputLayer .selMajor input.dhxcombo_input{width:460px !important}
.popInputLayer .dhxcombo_dhx_skyblue{height:34px;border:solid 1px #e6eafc;border-radius:2px}
.popInputLayer div.dhxcombo_dhx_skyblue input.dhxcombo_input{height:34px;color:#000;font-size:14px;letter-spacing:-0.5px;padding:0 5px}
.popInputLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button{height:30px;background:transparent;border:none}
.popInputLayer div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img{background:url(/images/ico_arrow_sel.gif) 50% 50% no-repeat}

@media only screen and (min-width:1120px){
.popInputLayer{top:150px;left:50%;right:inherit;width:660px;margin:0 0 0 -330px}
}

.popInputLayer .personTab{padding:5px 0 15px 0 !important; border:1px solid #c5c5c5; border-radius:5px}
.popInputLayer .personTab ul{display:table;width:calc(100% - 8px);border-bottom:1px solid #e8e8e8;border:none;background:none;margin:0 0 10px 5px !important;padding:0}
.popInputLayer .personTab li{display:table-cell;width:33%;font-size:15px;text-align:center;background:#f8f8f8;border-right:1px solid #e8e8e8;padding:10px 0;font-weight:600}
.popInputLayer .personTab li a{color:#666}
.popInputLayer .personTab li a:focus{outline:none}
.popInputLayer .personTab li.ui-state-active{background:#fff}
.popInputLayer .personTab li.ui-state-active a{color:#266AD0}
.popInputLayer .personTab .ui-tabs-panel{text-align:center;padding:20px 0}
.popInputLayer .personTab .tabsIn{text-align:left !important;padding:0 15px}
.popInputLayer .personTab .tabsIn table{width:100%}
.popInputLayer .personTab .tabsIn table td{height:40px}
.popInputLayer .personTab .inputSrh{width:45%;height:36px;line-height:34px;border:1px solid #D8D8D8;font-size:15px;padding:0 5px}
.popInputLayer .personTab .otherSel{margin:0 0 10px 0}

.popInputLayer .inputRadio{display:none}
.popInputLayer .inputRadio + label{font-size:14px;color:#333;font-weight:500;border:none;margin:3px 0 3px 0;cursor:pointer}
.popInputLayer .inputRadio + label:before{display:inline-block;content:"";width:16px;height:16px;background:#fff;border:solid 1px #C2C2C2;border-radius:50%;vertical-align:middle;margin:0 5px 3px 0}
.popInputLayer .inputRadio:checked + label{color:#535bfb}
.popInputLayer .inputRadio:checked + label:before{border:solid 5px #535bfb;box-sizing:border-box}
.popInputLayer .inputRadio:disabled + label{opacity:0.6;cursor:default}
.popInputLayer .inputRadio:disabled + label:before{background:#eee}
.popInputLayer .inputRadio:disabled:checked + label{color:#333}
.popInputLayer .inputRadio:disabled:checked + label:before{background:#fff;border:solid 5px #a4a5a7}

.conResultWrap{margin:80px 40px 0 120px}
.resultTitle{height:50px;border-bottom:solid 2px #333;padding:0 0 0 0;margin:0 0 20px 0;position:relative}
.resultTitleL{position:absolute;top:0;left:0}
.resultTitleC{text-align:center}
.resultTitle h3{display:inline-block;font-size:28px;font-weight:600;letter-spacing:-2px;margin:0;vertical-align:middle}
.resultTitle .depArea{}
.resultTitle .depTitle{font-size:18px;font-weight:600;color:#0c3ab6}
.resultTitle .inputSelectDep{min-width:230px;height:40px;border:solid 1px #a2adca;border-radius:2px;background:url(/images/ico_arrow_sel_g.png) calc(100% - 10px) 50% no-repeat;font-size:17px;font-weight:600;color:#0c3ab6;vertical-align:middle;appearance:none;margin:-5px 0 0 10px;padding:0 10px}

.resultTop{margin:0 0 10px 0}
.resultTop .inputYear{width:70px;height:28px;font-weight:500;color:#000;border:solid 1px #c3c3c3;border-radius:2px;padding:0 5px;margin:0 3px 0 0;cursor:pointer}
.resultTop .inputMonth{width:50px;height:28px;font-weight:500;color:#000;border:solid 1px #c3c3c3;border-radius:2px;padding:0 5px;margin:0 3px 0 0;cursor:pointer}
.resultTop .inputSelect{width:220px;height:28px;font-weight:500;color:#000;border:solid 1px #c3c3c3;border-radius:2px;background:url(/images/ico_arrow_sel_g.png) calc(100% - 10px) 50% no-repeat;appearance:none;padding:0 3px;cursor:pointer}
.resultTop .wPeriod{width:70px}
.resultTop .w100{width:100px}
.resultTop .w100per{width:100%}
.resultTop .w150{width:150px}
.resultTop .w200{width:200px}
.resultTop .wLong{width:250px}
.resultTop .titSH{font-size:15px;font-weight:500;color:#000;margin:0 5px 0 25px}
.resultTop .titSH:first-child{margin-left:0}
.resultTop .btnReultSH{display:inline-block;height:56px;background:#000 url(/images/ico_search_top_w.png) 15px 50% no-repeat;border-radius:4px;color:#fff;font-weight:500;font-size:14px;;vertical-align:top;padding:0 15px 0 35px;margin:0 0 0 5px;cursor:pointer}
.resultTopTable{display:inline-table;vertical-align:top}
.resultTopTable th{font-size:14px;font-weight:600;color:#000;text-align:left;padding:0 10px 5px 80px}
.resultTopTable th:first-child{padding-left:0}
.resultTopTable td{font-size:14px;font-weight:500;color:#000;padding:0 0 5px 0}

/* 초대 배너 */

.mainBottom{/*height:170px;*/height:50px} 
.mainBottom.none{height:0}
.idxFootBox{position:fixed;left:0;right:0;bottom:0;background:#fff;max-width:450px;margin:0 auto;z-index:999;border-radius:20px 20px 0 0;overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,.2)}

.inviteIdxWrap{background:#f5f8fb}
.inviteIdxTitle{position:relative;margin:0 0 8px 0}
.inviteIdxTitle h3{font-size:16px;color:#363b41;font-weight:bold}
.inviteIdxTitle .btnR{position:absolute;top:0;right:0}
.inviteIdxTitle .btnMore{font-size:12px;color:#63686f;background:transparent url(/images/more@3x.png) right 50% no-repeat;background-size:4px auto;padding:0 8px 0 0}

.textEventZone{font-size:13px;font-weight:bold;color:#4297FF;background:url(/images/ico_mst_tit@2x.png) 0 0 no-repeat;background-size:18px auto;padding:0 0 0 20px;margin:0 15px 5px 15px}

.inviteCarousel{position:relative}
.inviteCarousel .owl-stage-outer{border-radius:10px}
.idxBg .inviteCarousel .owl-dots{margin:0;position:absolute;bottom:0;width:100%;text-align:end;padding:0 5px 5px 0} /*메인에서는 배너안에 표시되게*/

.inviteCarousel button.owl-dot{display:inline-block;width:7px;height:7px;background:#888 !important;border-radius:50%;opacity:0.2;margin:0 3px}
.inviteCarousel button.owl-dot.active{opacity:1}

.invite-btn-close{display:flex; justify-content:space-between; padding:12px 20px 24px 20px; background:#fff; font-size:13px}
.invite-btn-close input{display:none}
.invite-btn-close label{font-weight:400}

/*초대 > 이벤트존*/
#eventInvite .inviteCarousel{position:relative}
#eventInvite .inviteCarousel .owl-stage-outer{border-radius:0}
#eventInvite .inviteCarousel .owl-dots{position:absolute;top:-28px;right:10px;background:transparent;padding:0 7px 3px 0px}
#exhibitionInvite .inviteCarousel .owl-dots{display:block;text-align:center;margin:0px}

@media(min-width:768px){
    .idxFootBox{border-radius:20px; bottom:80px}
    .invBanner{background-size:contain}
    .invite-btn-close{padding:14px 20px}
}

.invBanner{display:table;width:100%;height:100px;background-size:auto 100px;background-position:50% 0;background-repeat:no-repeat}
.invBannerIn{display:table-cell;vertical-align:middle;padding:0 10px 0 150px}
.invBanner .tit{color:#4E3B26;font-size:15px;font-weight:bold;width:calc(100% - 5px)}
.invBanner .tit .textS{font-size:13px}
.invBanner .btnInvSend{height:20px;background:#B06B39;color:#fff;font-size:11px;border-radius:2px;padding:0 10px;margin:5px 0 0 0}
.invBanner .btnPreview{background:#ff0000;border-radius:5px;color:#fff;font-size:12px;letter-spacing:-0.5px;padding:6px 12px}
.invBanner .count{color:#fff;font-size:14px;opacity:.8;margin-top:5px}
.invBanner .point{display:inline-block;color:#a43eb1;letter-spacing:-1px}

.idxFootBox .invBannerIn{padding:30px 20px; position:relative; z-index:1}
.idxFootBox .invBanner:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to right, #f7f3ef 33%, transparent 60%)}
.idxFootBox .invBanner .explain{color:#614e3f;font-size:13px;padding:0;margin-bottom:3px}
.idxFootBox .invBanner .tit{font-size:19px;line-height:1.2;color:#423932;white-space:break-spaces}
.idxFootBox .invBanner .tit b{font-size:inherit;color:#ee8544}
.idxFootBox .invBanner .count{color:#70333a;font-size:14px;opacity:1;margin-top:3px}
.idxFootBox .invBanner .btnSend{background:#63a05a; color:#fff; margin-top:7px; padding:2px 8px; font-size:12px; font-weight:500; border-radius:20px}

.invitationLayer{display:none;position:fixed;top:47px;width:calc(100% - 60px);max-width:450px;left:0;right:0;margin:0 auto;z-index:99999;box-shadow:0 4px 12px rgba(0,0,0,.3);background:#f3f3f3;border-radius:20px;overflow:hidden}
.invitationLayer .imageFooter{text-align:center}
.invitationLayer .textSave{color:#fff; height:100%; display:inline-block; padding-top:12px}
/* .invitationLayer .btnInviteClose{width:100%;background:#525252; color:#fff; height:40px;font-weight:bold;font-size:12px;border-radius:0 0 16px 16px;font-family:NanumGothic} */
.invitationLayer .btnInviteClose{ position:absolute;top:10px;right:10px;background:#0000006b;padding:7px 10px;border-radius:50%}
.invitationLayer .btnInviteSave{width:100%; background:#63a05a url(/images/ico_all_down@2x.png) 50% 50% no-repeat;background-size:auto 20px;color:#fff; height:40px;font-weight:bold;display:block; font-family:NanumGothic;font-size:14px;border-radius:0 0 10px 10px;margin:-1px 0 0 0}

/* 목회자가정의날 */
#inv_15 .explain{color:#fff;font-size:15px}
#inv_15 .tit{color:#fff}
#inv_15 .count{color:#fccbd2}
#inv_15 .invBanner .btnSend{background:#fff;color:#630a91;display:inline-block;padding:4px 12px}
#inv_15 .invBanner:after{background:linear-gradient(to right, #630a91 33%, transparent 60%)}
#inv_15 .invBannerIn{padding:24px 20px 36px 20px}
#invImg_15 .btnInviteSave{background-color:#4e146e}

@media (min-width:780px){
.invitationLayer{position:absolute}
}

/* 어머니전 ID:1 */
#inv_1 .invBanner{display:table;width:100%;height:100px;background:#F5E8C6 url(/images/bg_exh_mother@2x.jpg) 0 0 no-repeat;background-size:auto 100px}
#inv_1 .invBannerIn{display:table-cell;vertical-align:middle;padding:0 10px 0 150px}
#inv_1 .invBanner .tit{color:#4E3B26;font-size:15px;letter-spacing:-0.5px;font-weight:bold;width:calc(100% - 5px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#inv_1 .invBanner .tit .textS{font-size:13px}
#inv_1 .invBanner .explain{line-height:1.2;color:#8A7D6F;font-size:12px;letter-spacing:-0.5px;width:calc(100% - 5px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;;margin:2px 0 0 0;padding:0}
#inv_1 .invBanner .btnInvSend{background:#B06B39;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;margin:5px 0 0 0}

/* 아버지전 ID:2 */
#inv_2 .invBanner{display:table;width:100%;height:100px;background:#282828 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_exh_father@2x.jpg) 0 0 no-repeat;background-size:auto 100px}
#inv_2 .invBannerIn{display:table-cell;vertical-align:middle;padding:0 10px 0 150px}
#inv_2 .invBanner .tit{color:#fff;font-size:15px;letter-spacing:-0.5px;font-weight:bold;width:calc(100% - 5px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
#inv_2 .invBanner .tit .textS{font-size:13px}
#inv_2 .invBanner .explain{line-height:1.2;color:#fff;font-size:12px;letter-spacing:-0.5px;width:calc(100% - 5px);text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;opacity:0.8;margin:2px 0 0 0;padding:0}
#inv_2 .invBanner .btnInvSend{background:#6C60B8;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;margin:5px 0 0 0}

/* 언론전시회 - 기본*/
#inv_5 {background:#f5f1d4}
#inv_5 .invBannerIn{position:relative;padding:0 10px 0 110px}
#inv_5 .invBanner .date{font-size:12px;color:#906fd7;position:absolute;right:20px;top:10px}
#inv_5 .invBanner .btnInvSend{background:#6d81ba;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;position:absolute;top: 5px;right: 5px;border:solid 1px #6d81ba}

/* 언론전시회 - 상설*/
#inv_6 {background:#f5f1d4}
#inv_6 .invBannerIn{position:relative;padding:0 10px 0 110px}
#inv_6 .invBanner .date{font-size:12px;color:#906fd7;position:absolute;right:20px;top:10px}
#inv_6 .invBanner .btnInvSend{background:#d7b080;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;position:absolute;top: 5px;right: 5px;border:solid 1px #a58661}

/* 웨비나등 .. */
#inv_3 {background: #faeaf4}
#inv_3 .invBannerIn{position:relative;padding:0 10px 0 5px}
#inv_3 .invBanner .date{font-size:12px;color:#906fd7;position:absolute;right:20px;top:10px}
#inv_3 .invBanner .btnInvSend{background:#1693ef;color:#fff;font-size:11px;letter-spacing:-0.5px;border-radius:4px;position:absolute;top:6px;}

#inv_4 {background:linear-gradient(to right , #0c7bd7 50% , #024280 50%)}

#inv_7 {background:linear-gradient(to right , #9cc9ea 50% , #0e9258 50%)}

#inv_8{background:linear-gradient(to right , #008efe 50% ,  #4aadfb 50%)}
#inv_8 .invBannerIn{position:relative}
#inv_8 .invBanner .tit{text-shadow:1px 1px 2px #016abd;font-size:13px}
#inv_8 .invBanner .explain{color:#0841af;font-size:19px;font-weight:600;letter-spacing:-0.5px;text-shadow:1px 1px 1px rgba(255,255,255,0.6)}
#inv_8 .invBanner .count{display:block;height:16px;line-height:16px;color:#0760a2;font-size:13px;font-weight:600;background:rgba(255,255,255,0.8);padding:0 8px;border-radius:20px;position:absolute;bottom:10px;left:calc(50% + 130px)}
#invImg_8 .btnInviteSave{background-color:#1770f9}

@media (max-width:390px){
  .invBanner{background-size:cover}
}


#btnSend1{background:#B06B39;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;padding:5px 10px;margin:5px 0 0 0;z-index:1}
#btnSend2{background:#6C60B8;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;padding:5px 10px;margin:5px 0 0 0}
#btnSend5{background:#6d81ba;color:#fff;font-size:12px;letter-spacing:-0.5px;border-radius:2px;padding:5px 10px;position:absolute;bottom:20px;right:15px;border:solid 1px #6d81ba;z-index:1}


.webinarSurveyWrap{display:flex;align-items:center;width:100%;min-height:65px;background:#fff;border:solid 1px #e6e6e6;border-top:none;border-radius:0 0 4px 4px;padding:0 20px}
.webinarSurveyWrap .webinarSurveyL{margin-right:auto}
.webinarSurveyWrap h3{font-size:15px;color:#353b41;font-weight:bold;letter-spacing:-0.5px}
.webinarSurveyWrap .explain{font-size:14px;color:#63686f;letter-spacing:-0.5px;padding:0 !important}
.webinarSurveyWrap .btnSurvey{font-size:14px;color:#4e99e0;text-align:right;letter-spacing:-0.5px;background:transparent url(/images/ico_idx_arrow_app@2x.png) right 50% no-repeat;background-size:8px auto;padding:0 15px 0 0}

body.idxBg{background:#fff;height:auto}

.visualCarouselWrap{position:relative}
.visualCarouselBtnR{position:absolute;right:25px;z-index:10}
.visualCarouselWrap .btnGuide{height:28px;background:rgba(255, 255, 255, 0.5);color:#041e89;font-size:13px;border-radius:30px;padding:0 10px}
.visualCarousel{width:calc(100% - 40px) !important;/*height:72px;*/overflow:hidden;margin:0 20px;position:relative}
.visualCarousel .owl-dots{position:absolute;bottom:3px;left:0;right:0;text-align:center}
.visualCarousel .owl-dots .owl-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0.2;margin:0 3px}
.visualCarousel .owl-dots .owl-dot.active{opacity:1}

.festivalCarousel{overflow:hidden;position:relative}
.festivalCarousel .owl-dots{position:absolute;bottom:3px;left:0;right:0;text-align:center}
.festivalCarousel .owl-dots .owl-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0.2;margin:0 3px}
.festivalCarousel .owl-dots .owl-dot.active{opacity:1}

.challengeVisualTop{width:100%;display:table;height:72px;background:#262d50 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_chall_visual_l@2x.jpg) 0 0 no-repeat;background-size:auto 72px}
.challengeVisualTopIn{display:table-cell;text-align:center;vertical-align:middle;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_chall_visual_r@2x.jpg) right 0 no-repeat;background-size:auto 72px;cursor:pointer}
.challengeVisualTopIn .titTh{font-size:12px;color:#ffd620}
.challengeVisualTopIn .tit{font-size:19px;color:#fff;font-weight:bold}

.challengeVisual{width:100%;display:table;height:100px;background:#262d50 url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_challenge_l@2x.jpg) 0 0 no-repeat;background-size:auto 100px;border-radius:4px 4px 0 0}
.challengeVisualIn{display:table-cell;text-align:center;vertical-align:middle;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_challenge_r@2x.jpg) right 0 no-repeat;background-size:auto 100px;border-radius:4px 4px 0 0;cursor:pointer}
.challengeVisualIn .titTh{font-size:13px;color:#ffd620}
.challengeVisualIn .tit{font-size:17px;color:#fff;font-weight:bold}
.challengeVisualIn .btnChallengeMsg{height:23px;background:#a761ff url(/images/ico_webinar_arrow@2x.png) calc(100% - 10px) 50% no-repeat;background-size:6px auto;color:#fff;font-size:12px;border-radius:2px;padding:0 20px 0 10px;margin:5px 0 0 0}
.challengeVideoWrap{display:flex;height:65px;background:#fff;border:solid 1px #e6e6e6;border-radius:0 0 4px 4px}
.challengeVideoWrap .btnVideoChall{flex:1;text-align:left;background:transparent;padding:0 15px}
.challengeVideoWrap .btnVideoChall .vdoTit{display:block;font-size:15px;color:#353b41;font-weight:bold;letter-spacing:-0.5px;margin:0 0 3px 0}
.challengeVideoWrap .btnVideoChall .guideArrow{display:inline-block;background:url(/images/ico_arrow_chall_l@2x.png) right 50% no-repeat;background-size:6px auto;color:#9258eb;font-size:14px;letter-spacing:-0.5px;padding:0 10px 0 0}
.challengeVideoWrap .btnVideoChallG{flex:1;text-align:left;background:transparent;padding:0 15px;position:relative}
.challengeVideoWrap .btnVideoChallG:before{display:inline-block;content:"";width:1px;height:40px;background:#efeff0;position:absolute;top:50%;left:0;margin:-20px 0 0 0}
.challengeVideoWrap .btnVideoChallG .vdoTit{display:block;font-size:15px;color:#353b41;font-weight:bold;letter-spacing:-0.5px;margin:0 0 3px 0}
.challengeVideoWrap .btnVideoChallG .guideArrow{display:inline-block;background:url(/images/ico_arrow_chall_r@2x.png) right 50% no-repeat;background-size:6px auto;color:#3db79a;font-size:14px;letter-spacing:-0.5px;padding:0 10px 0 0}

.videoChallLayerBg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000;display:none}
.videoChallLayer{text-align:center;margin:150px auto 0 auto; background:#5866bc; width:90%; border-radius:10px 10px 10px 10px;position:relative;max-width:600px;background-size:100%;padding-bottom:20px}
.videoChallLayer .title{font-size:22px;color:#fff;margin-bottom:20px;margin-top:30px;font-weight:600;letter-spacing:-1px;display:inline-block;border-radius:30px;margin:20px 0 10px 0;padding:0 50px}
.videoChallLayer .btnClose{position:absolute;top:5px;right:5px;width:50px;height:50px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:22px auto;opacity:0.5;cursor:pointer}
.videoChallLayer .btnClose:hover{opacity:1.0}

.videoChallGLayerBg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000;display:none}
.videoChallGLayer{text-align:center;margin:150px auto 0 auto; background:#5866bc; width:90%; border-radius:10px 10px 10px 10px;position:relative;max-width:600px;background-size:100%;padding-bottom:20px}
.videoChallGLayer .title{font-size:22px;color:#fff;margin-bottom:20px;margin-top:30px;font-weight:600;letter-spacing:-1px;display:inline-block;border-radius:30px;margin:20px 0 10px 0;padding:0 50px}
.videoChallGLayer .btnClose{position:absolute;top:5px;right:5px;width:50px;height:50px;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:22px auto;opacity:0.5;cursor:pointer}
.videoChallGLayer .btnClose:hover{opacity:1.0}

.lmsSurveyLayer{position:fixed;display:flex;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);align-items:center;justify-content:center;padding:20px;z-index:2000}
.lmsSurveyLayerIn{max-width:700px;width:100%;background:#fff;border-radius:16px;text-align:center;padding:45px 20px 30px 20px;position:relative}
.lmsSurveyLayer .btnClose{position:absolute;top:10px;right:10px;width:40px;height:40px;background:url(/images/ico_pw_close@2x.png) 50% 50% no-repeat;background-size:20px auto;opacity:0.4}
.lmsSurveyLayer h3{font-size:18px;color:#202225;font-weight:bold;letter-spacing:-0.5px;background:url(/images/ico_lmssurvey@2x.png) center 0 no-repeat;background-size:50px auto;padding:75px 0 0 0}
.lmsSurveyLayer .explain{font-size:14px;color:#888;letter-spacing:-0.5px;margin:5px 0 0 0}
.lmsSurveyLayer .btnLmsSurvey{width:100%;height:50px;background:rgba(87,118,255,0.2);border-radius:5px;color:#5776ff;font-size:16px;font-weight:bold;margin:25px 0 0 0}

.insteadIngBox{position:absolute;top:50%;width:calc(100vw - 30px);background:#eef2f9;border-radius:30px;box-shadow:3px 3px 5px rgba(0,0,0,0.1);text-align:center;margin:-100px 15px 0 15px;padding:30px;z-index:1}
.insteadIngBox h3{font-size:24px;color:#000;font-weight:bold;letter-spacing:-1px;background:url(/images/ico_prepare@2x.png) center 0 no-repeat;background-size:auto 69px;margin:0 0 10px 0;padding:90px 0 0 0}
.insteadIngBox .explain{font-size:15px;color:gray}

@media only screen and (min-width:540px){
.insteadIngBox{left:50%;width:500px;margin:-100px 0 0 -250px}
}

.personTab2{padding:5px 0 !important}
.personTab2 ul{display:table;width:calc(100% - 8px);border-bottom:1px solid #e8e8e8;border:none;background:none;margin:0 0 0 5px !important}
.personTab2 .ui-tabs-panel{text-align:center;padding:30px 0}
.personTab2 li.ui-state-active{background:#fff}
.personTab2 li{display:table-cell;width:33%;font-size:15px;text-align:center;background:#f8f8f8;border-right:1px solid #e8e8e8;padding:10px 0;font-weight:bold}
.personTab2 li.ui-state-active a{color:#266AD0}
.personTab2 .inputSrh{width:45%;height:36px;line-height:34px;border:1px solid #D8D8D8;font-size:15px;padding:0 5px}
.personTab2 .btnSv, .personTab2 .btnSrh{height:36px;border-radius:0;font-size:13px;border:solid 1px #D8D8D8;background:#F8F8F8 url(/images/ico_search_view_gray@2x.png) 50% 50% no-repeat;background-size:14px auto;text-indent:-9999px;padding:0 10px;margin-left:-6px}
.personTab2 .btnNameSave{height:30px;line-height:30px;background:#266AD0;color:#fff;font-size:13px;padding:0 10px;border-radius:30px;min-width:50px}
.personTab2 .inputName{margin:15px 10px 5px 10px;font-size:13px;color:#333}
.lmsLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:2000;display:none}
.lmsLayerIn{position:absolute;top:15px;left:15px;right:15px;bottom:15px;background:#fff}
.lmsLayerTitle{height:40px;background:#5776ff;border-bottom:solid 1px #4161ee;position:relative}
.lmsLayerTitle h3{font-size:17px;color:#fff;line-height:40px;margin:0;padding:0 0 0 15px;font-weight:bold}
.lmsLayerTitle .btnClose{width:38px;height:38px;position:absolute;top:0;right:0;background:url(/images/ico_close_nav@2x.png) 50% 50% no-repeat;background-size:15px auto;opacity:0.7}
.lmsLayerCon{padding:10px}
.lmsLayerCon .areaInfo{display:block;height:30px;line-height:30px;background:#eef2f9;border-radius:12px;font-size:15px;font-weight:bold;color:#4e5a7e;text-align:center;padding:5px 10px;margin:0 0 5px 0}
.lmsLayerCon .subjectArea {border-bottom:1px solid #A6A6A6;padding:10px 0;text-align:center}
.lmsLayerCon .lmsLayerTableScroll {height:150px;overflow-y:scroll;border-top:1px solid #d8d8d8}
.lmsLayerCon .btnArea {padding:15px 0 0 0;bottom:25px;left:25px;right:25px}
.lmsLayerCon .areaInfo h3{font-weight:bold}
.lmsLayerCon .btn-group {width:55%;border:solid 1px #D8D8D8}
.lmsLayerCon .btn-group button {width:100%}
.lmsLayerCon .multiselect-container>li>a>label {font-size:13px}
.lmsLayerCon .btnFinish {width:100%;height:50px;background:#333b58;border-radius:5px;font-size:17px;color:#fff;text-align:center}
.lmsLayerCon .lmsLayerTable {width:100%}
.lmsLayerCon .lmsLayerTable td:first-child {border-left:none}
.lmsLayerCon .lmsLayerTable td {min-height:30px;border-left:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;font-size:13px;color:#555;text-align:left;padding:5px}
.lmsLayerCon .btnLmsLevelGb{min-width:90px;max-width:33%;height:35px;background:#fff;border:solid 1px #d9dbdc;border-radius:35px;color:#666;font-size:13px;padding:2px 15px 0 15px}
.lmsLayerCon .btnLmsLevelGb.on{background:#2c333a;border:none;color:#fff}
.reportActETable .btnLmsInput{margin-left:10px;background:#0d8dff;color:#fff;padding:3px 4px 1px 4px;font-size:12px;margin-top:-2px;border-radius:2px}
.reportActETable .btnLmsInput:before{display:inline-block;content:"";width:12px;height:12px;background:url(/images/saint_ico_write@2x.png) 0 0 no-repeat; background-size:12px auto; vertical-align:middle; margin:0 5px 2px 0}

.lmsLayerCon .lmsLayerTable td{display:flex;align-items:center}
.lmsLayerCon .lmsLayerTable .preChkSpan{font-size:11px; color:red;letter-spacing:-1px;min-width:55px;text-align:right;margin-left:auto}
.lmsLayerCon .saveNotice{margin:5px 0px; font-size:13px; color:red}
.lmsLayerCon .currLevelGb{font-size:11px; color:#007eff;min-width:38px;width:38px}

.smFstTop{background:#FFE296;position:relative}
.smFstTopIn{height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.smFstTopIn:before{display:inline-block;content:"";width:169px;height:77px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_smfst_l@2x.png) 0 0 no-repeat;background-size:169px auto;position:absolute;bottom:0;left:5px}
.smFstTopIn:after{display:inline-block;content:"";width:161px;height:75px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_smfst_r@2x.png) 0 0 no-repeat;background-size:161px auto;position:absolute;bottom:0;right:5px}
.smFstTop .year{font-size:11px;color:#D49147;font-weight:bold}
.smFstTop .tit{font-size:17px;font-weight:bold;color:#704B36;letter-spacing:-1px;line-height:1.0;text-align:center;margin:0 60px 0 60px;z-index:1}
.smFstTop .date{color:#AF8055;font-size:11px;margin:1px 0 0 0}

.smFst2023Top{background:url(/images/bg_edu_fst2023.jpg) 0 0 no-repeat;background-size:100% 100%;border-radius:10px;margin:0 15px;position:relative}
.smFst2023TopIn{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.smFst2023TopIn:before{display:inline-block;content:"";width:128px;height:105px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_edu_fst2023_l.png) 0 0 no-repeat;background-size:auto 105px;position:absolute;bottom:0;left:0}
.smFst2023TopIn:after{display:inline-block;content:"";width:125px;height:104px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_edu_fst2023_r.png) right 0 no-repeat;background-size:auto 104px;position:absolute;bottom:0;right:0}
.smFst2023Top .year{display:inline-block;font-size:12px;color:#FFF2AC;font-weight:bold;font-family:tahoma;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_edu_fst2023_year_l.png) 0 50% no-repeat, url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_edu_fst2023_year_r.png) right 50% no-repeat;padding:0 18px}
.smFst2023Top .tit{display:inline-block;font-size:16px;font-weight:bold;color:#fff;letter-spacing:-0.5px;line-height:1.0;text-align:center;margin:5px 60px 2px 60px;z-index:1}
.smFst2023Top .date{display:inline-block;color:#fff;font-size:10px;opacity:0.8}
.smFst2023Top .btnArea{margin:5px 0 0 0}
.smFst2023Top .btnGuide{height:23px;background:#205BA6 url(https://globalapi.watv.org/images/WMCMyMission/banner/ico_edu_fst2023_arrow.png) calc(100% - 10px) 50% no-repeat;border-radius:25px;color:#fff;font-size:11px;padding:0 22px 0 10px}

.smFst2023Top.main{margin:0;cursor:pointer}
.smFst2023Top.main .smFst2023TopIn{height:80px}

.smFst2023SermonTop{background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_fst_sermon2023.jpg) 0 0 repeat;border-radius:10px;margin:0 15px;position:relative;overflow:hidden}
.smFst2023SermonTopIn{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:15px 0}
.smFst2023SermonTopIn:before{display:inline-block;content:"";width:128px;height:98px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_fst_sermon2023_l@2x.png) 0 0 no-repeat;background-size:auto 98px;position:absolute;bottom:0;left:0}
.smFst2023SermonTopIn:after{display:inline-block;content:"";width:125px;height:96px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/bg_fst_sermon2023_r@2x.png) right 0 no-repeat;background-size:auto 96px;position:absolute;bottom:0;right:0}
.smFst2023SermonTop .year{display:inline-block;font-size:12px;color:#D2AB00;font-weight:bold;font-family:tahoma;background:#fff;border-radius:10px;padding:0 18px}
.smFst2023SermonTop .tit{display:inline-block;font-size:18px;font-weight:bold;color:#00551B;letter-spacing:-0.5px;line-height:1.0;text-align:center;margin:7px 60px 2px 60px;z-index:1}
.smFst2023SermonTop .date{display:inline-block;color:#5FB843;font-size:11px;opacity:0.8}
.smFst2023SermonTop .btnArea{margin:5px 0 0 0}
.smFst2023SermonTop .btnGuide{height:23px;background:#00551B url(/images/ico_edu_fst2023_arrow.png) calc(100% - 10px) 50% no-repeat;border-radius:25px;color:#fff;font-size:11px;padding:0 22px 0 10px}

.smFst2023SermonTop.edu{margin:0 15px;cursor:pointer}
.smFst2023SermonTop.main{margin:0 20px;cursor:pointer}

.smFst2023Top.main{margin:0;cursor:pointer}
.smFst2023Top.main .smFst2023TopIn{height:80px}

.smFst2023Msg{padding:15px;border-bottom:8px solid #F2F4F8}
.smFst2023Msg .msg{min-height:50px;background:url(/images/ico_edu_fst2023_msg@2x.png) 5px bottom no-repeat;background-size:auto 50px;padding:0 0 0 75px;font-size:14px;color:#000;letter-spacing:-0.5px}

.smFst2023State{display:flex;background:#F6F7FB;border-radius:10px;justify-content:center;padding:15px 0 15px 0;margin-top:-2px}
.smFst2023State dl{display:flex;width:50%;margin:0 15px}
.smFst2023State dl dt{width:50px;height:50px;background:#fff;border-radius:50%;position:relative;margin:0 10px 0 0}
.smFst2023State dl dt .chart{margin:0}
.smFst2023State dl dt .chart canvas{width:50px !important;height:50px !important}
.smFst2023State dl dd{display:flex;flex-direction:column;justify-content:center}
.smFst2023State .tit{display:block;font-size:13px;color:#333}
.smFst2023State .rate{display:block;font-size:20px;font-family:arial;margin:-5px 0 0 0}
.smFst2023State .rate em{color:inherit;font-weight:bold;font-family:tahoma}
.smFst2023State dl.book .ico{position:absolute;top:50%;left:50%;width:15px;height:20px;background:url(/images/ico_fst_book@2x.png) 0 0 no-repeat;background-size:15px auto;margin:-10px 0 0 -7.5px}
.smFst2023State dl.book .rate{color:#5AC06B}
.smFst2023State dl.preach .ico{position:absolute;top:50%;left:50%;width:15px;height:20px;background:url(/images/ico_fst_preach@2x.png) 0 0 no-repeat;background-size:15px auto;margin:-10px 0 0 -7.5px}
.smFst2023State dl.preach .rate{color:#368FFC}

#memoWt .smRegLayer{}
#memoWt .smRegLayerIn{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:2000}
#memoWt .smRegLayerTitle{text-align:center;padding:15px 45px;position:relative;margin:5px 0 0 0}
#memoWt .smRegLayerTitle h3{font-size:18px;color:#000;font-weight:bold;margin:0;padding:0}
#memoWt .smRegLayerTitle .btnL{position:absolute;top:0;left:5px}
#memoWt .smRegLayerTitle .btnHome{width:45px;height:45px;background:url(/images/ico_logo_saint@2x.png) 50% 50% no-repeat;background-size:20px}
#memoWt .smRegLayerTitle .btnClose{width:45px;height:45px;background:url(/images/ico_otherch_close@2x.png) 50% 50% no-repeat;background-size:20px;position:absolute;top:0;right:5px}
#memoWt .smRegLayer .smRegLayerSh{background:#E8ECEF;padding:10px;position:relative}
#memoWt .smRegLayer .inputSmSh{width:100%;height:40px;background:#fff;border:none;border-radius:40px;color:#000;font-size:14px;padding:0 20px}
#memoWt .smRegLayer .btnSmDel{width:25px;height:40px;background:url(/images/btn_file_del@2x.png) 50% 50% no-repeat;background-size:16px auto;position:absolute;top:10px;right:44px;opacity:0.6}
#memoWt .smRegLayer .btnSmDel:hover{opacity:1}
#memoWt .smRegLayer .btnSmSh{width:25px;height:40px;background:url(/images/ico_otherch_ch@2x.png) 50% 50% no-repeat;background-size:16px auto;position:absolute;top:10px;right:18px}
#memoWt .smRegLayer .smRegLayerBtn{padding:10px 0}
#memoWt .smRegLayer .smRegLayerBtn .btnPrimary{width:100%;height:45px;background:#5776FF;border-radius:5px;font-size:17px;color:#fff;text-align:center}
#memoWt .smRegLayerListScroll{height:calc(100vh - 300px);overflow-y:auto}
#memoWt .smRegLayerListScroll .inputRadio{}
#memoWt .smRegLayerListScroll .inputRadio + label{display:block;height:auto;border:none;border-bottom:solid 1px #E8E8E8;border-radius:0;line-height:1.1;padding:4px 15px 4px 45px;position:relative}
#memoWt .smRegLayerListScroll .inputRadio + label:before{display:inline-block;content:"";width:20px;height:20px;background:url(/images/ico_smfst_chk@2x.png) 50% 50% no-repeat;background-size:12px auto;border:solid 1px #D3D3D3;position:absolute;top:50%;left:15px;margin:-10px 0 0 0}
#memoWt .smRegLayerListScroll .inputRadio:checked + label{}
#memoWt .smRegLayerListScroll .inputRadio:checked + label:before{background:url(/images/ico_smfst_chk_on@2x.png) 50% 50% no-repeat;background-size:12px auto;border:solid 1px #5776FF}
#memoWt .smRegLayerListScroll .kindNum{font-size:12px;color:#7D7F88;font-weight:400}
#memoWt .smRegLayerListScroll .subject{display:block;font-size:14px;color:#202225;font-weight:bold;line-height:1.3;letter-spacing:-1px;margin:0 0 0 0}
#memoWt .smRegLayerUnderTableWrap{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:11px 11px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,0.07);padding:0 20px 0 20px}
#memoWt .smRegLayerUnderTit{margin:15px 0;position:relative}
#memoWt .smRegLayerUnderTit h3{font-size:15px;color:#444;font-weight:bold}
#memoWt .smRegLayerUnderTit .btnR{position:absolute;top:0;right:0}
#memoWt .smRegLayerUnderTit .btnDown{width:30px;height:30px;background:url(/images/ico_smfst_down@2x.png) 50% 50% no-repeat;background-size:14px auto}
#memoWt .smRegLayerUnderTit .btnDown.on{background:url(/images/ico_smfst_up@2x.png) 50% 50% no-repeat;background-size:14px auto}
#memoWt .smRegLayerTableScroll{max-height:300px;border:solid 1px #F4F4F4;background:#FBFBFB;overflow-y:auto}
#memoWt .smRegLayerTable{width:100%}
#memoWt .smRegLayerTable td{height:28px;font-size:13px;border-bottom:solid 1px #f4f4f4;padding:3px 0}
#memoWt .smRegLayerTable td.tdNum{width:30px;font-size:12px;color:#999;text-align:center}
#memoWt .smRegLayerTable td.tdSubject{}
#memoWt .smRegLayerTable td.tdBtn{width:35px}
#memoWt .smRegLayerTable td .step{color:#7D7F88;font-size:12px}
#memoWt .smRegLayerTable td .subject{display:block;color:#202225;font-size:14px;font-weight:bold;letter-spacing:-1.2px}
#memoWt .smRegLayerTable td .btnDel{width:30px;height:30px;background:transparent url(/images/ico_smfst_del@2x.png) 50% 50% no-repeat;background-size:18px auto;cursor:pointer}

#memoWt .btnR{position:absolute;top:15px;right:20px}
#memoWt .btnWrite{display:inline-block;height:30px;line-height:28px;background:#fff;border:solid 1px #5766ff;border-radius:15px;color:#5766ff;font-size:13px;font-weight:bold;padding:0 10px 0 25px;margin:0 0 0 10px;position:relative}
#memoWt .btnWrite:before{display:inline-block;content:"";width:10px;height:10px;background:url(/images/ico_smfst_plus@2x.png) 50% 50% no-repeat;background-size:10px auto;position:absolute;top:50%;left:10px;margin:-5px 0 0 0}
#memoWt .btnWrite.disabled:before{background:url(/images/ico_add.png) 50% 50% no-repeat}
#memoWt .disabled{background:#e6e6e6;color:#888;border:1px solid #e6e6e6}

#memoWt .smFstSmWriteTableWrap{padding:0 20px}
#memoWt .smFstSmWriteTable{width:100%;border-top:solid 1px #e1e1e1}
#memoWt .smFstSmWriteTable td{height:28px;font-size:14px;border-bottom:solid 1px #f4f4f4;padding:3px 0}
#memoWt .smFstSmWriteTable td.tdKind{width:50px;color:#3574ff;font-size:12px}
#memoWt .smFstSmWriteTable td.tdNum{width:30px;font-size:12px;color:#999;text-align:center}
#memoWt .smFstSmWriteTable td .step{color:#5776FF;font-size:12px}
#memoWt .smFstSmWriteTable td .subject{display:block;color:#202225;font-size:14px;font-weight:bold;letter-spacing:-1.2px}

.inquiryLayer{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10000}
/* .inquiryLayerIn{background:#fff;border-radius:10px;box-shadow:6px 6px 6px rgba(0,0,0,0.15);margin:50px 20px 20px 20px} */
.inquiryLayer .title{border-bottom:solid 1px #e9e5e5;padding:0 20px;position:relative}
.inquiryLayer .title h3{font-size:19px;color:#000;text-align:center;font-weight:bold;margin:0;padding:17px 0 13px 0}
.inquiryLayer .title .btnClose{position:absolute;top:0;right:0;width:58px;height:58px;background:url(/images/ico_otherch_close@2x.png) 50% 50% no-repeat;background-size:20px auto}
.inquiryLayer .con{text-align:center;padding:45px 25px 45px 25px}
.inquiryLayer .resultArea{}
.inquiryLayer .resultArea .point{display:inline-block;background:#5578f7;color:#fff;font-weight:bold;border-radius:20px;padding:2px 10px;vertical-align:middle;margin:0 0 3px 3px}
.inquiryLayer .resultText{font-size:17px;color:#000;font-weight:bold;background:url(/images/ico_view_qna@2x.png) center 0 no-repeat;background-size:50px auto;padding:0 0 0 0;position:relative;padding:60px 0 0 0}
/* .inquiryLayer .resultText:before{display:inline-block;content:"";width:50px;height:50px;background:url(/images/ico_view_qna@2x.png) center 0 no-repeat;background-size:50px auto;border-radius:50%;position:absolute;top:0;left:50%;margin:0 0 0 -25px} */
.inquiryLayer .btnArea{padding:30px 0 0 0}
.inquiryLayer .btnGuide{width:80%;height:44px;background:#333B58;border-radius:5px;font-size:15px;color:#fff}

.pgUpdatePopUp{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:999;overflow:hidden;display:none}
.pgUpdatePopUp .popupBg{background:#33333396;width:100%;height:100vh}
.pgUpdatePopUp .popupBn{max-width:1260px;width:100%;height:280px;margin:0 auto;background:#fff;position:fixed;bottom:0;left:0;right:0;border-radius:25px 25px 0 0;padding:20px 20px 10px 20px}
.pgUpdatePopUp .icoNotice{background:url(/images/ico-notice.png) no-repeat 50% 50%;width:100%;height:60px;background-size:50px auto} 
.pgUpdatePopUp .headline{font-size:15px;color:#333;width:100%;text-align:center;font-weight:bold;letter-spacing:-0.8px}
.pgUpdatePopUp .title{font-size:14px;padding:10px 0;text-align:center;line-height:1.5;position:relative;word-break:keep-all;color:#666;max-height:80px;overflow:hidden;font-weight:normal}
.pgUpdatePopUp .btnMoreNoticeWrap{width:100%;text-align:center;margin:10px 0}
.pgUpdatePopUp .btnMoreNotice{width:calc(100% - 50px);height:45px;border-radius:30px;padding:8px 15px;font-size:15px;background:#416cf0;color:#fff}
.pgUpdatePopUp .btnPopup{display:flex;max-width:1260px;width:100%;height:45px;margin:0 auto;justify-content:space-between;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:0 20px;border-top:solid 1px #f5f5f5}
.pgUpdatePopUp .btnNeverOpen{font-size:13px;background:transparent;cursor:pointer;color:#666666}
.pgUpdatePopUp .btnClose{font-size:13px;background:url('/images/ico_fst_note_close@2x.png') no-repeat 0 50%;cursor:pointer;padding:0 0 0 16px;background-size:10px;opacity:0.8}
/* .pgUpdatePopUp .btnMoreNotice{min-width:75px;height:30px;border-radius:30px;padding:7px 15px;font-size:13px;background:#fff;color:#216bf7;border:solid 1px #216bf7} */


/*Footer 메뉴(헤더 없는 화면)*/
.navFootS{position:fixed;right:18px;bottom:15px;z-index:1000/*100보다크게*/}
.navFootS .btnAllView{width:55px;height:55px;background:#fff url(/images/ico_all_b@2x.png) 50% 50% no-repeat;background-size:auto 24px;border:solid 1px #ddd;border-radius:5px}

/*Footer 메뉴*/
.navFootM{position:fixed;left:0;bottom:0;right:0;z-index:100}
.navFootMIn{position:relative;height:55px;background:#fff;box-shadow:0px -4px 4px rgba(0, 0, 0, 0.05);border-radius:15px 15px 0 0}
.navFootM .btnNavFootMore{position:absolute;bottom:22px;left:calc(50% - 22px);width:44px;height:44px;background:#E6F3FC;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}
.navFootM .btnNavFootMore:before{content:'';display:inline-block;width:36px;height:36px;background:linear-gradient(140deg, #42AFFF 15%, #0084E4 70%);animation:rotate 3s infinite;border-radius:50%}
.navFootM .btnNavFootMore:after{content:'';display:block;width:11px;height:12px;background:url(/images/nav_btn.svg) center no-repeat;position:absolute;top:16px;left:15px;transition:all 100ms ease}
.navFootM .btnNavFootMore.onL2:after{left:10px}
.navFootM .btnNavFootMore.onL:after{left:12px}
.navFootM .btnNavFootMore.onR:after{left:20px}
.navFootM .btnNavFootMore.onR2::after{left:22px}
.navFootM .btnFootNavWrap{display:flex;padding:0 0 0 0}
.navFootM .btnFootNavWrap .btnFootMainNav{flex:1;height:55px;font-size:11px;color:#272C38;text-align:center;background-color:transparent;background-position:50% 10px;background-repeat:no-repeat;background-size:auto 20px;padding:32px 0 0 0;cursor:pointer}
.navFootM .btnFootNavWrap .btnFootMainNav.on{color:#0E8BE6}
.navFootM .btnFootMainNav.footEmpty{cursor:default}
.navFootM .btnFootMainNav.footHome{background-image:url(/images/ico_ft_home@2x.png)}
.navFootM .btnFootMainNav.footHome.on{background-image:url(/images/ico_ft_home_on@2x.png)}
.navFootM .btnFootMainNav.footEdu{background-image:url(/images/ico_ft_edu@2x.png)}
.navFootM .btnFootMainNav.footEdu.on{background-image:url(/images/ico_ft_edu_on@2x.png)}
.navFootM .btnFootMainNav.footAct{background-image:url(/images/ico_ft_act@2x.png)}
.navFootM .btnFootMainNav.footAct.on{background-image:url(/images/ico_ft_act_on@2x.png)}
.navFootM .btnFootMainNav.footAll{background-image:url(/images/ico_ft_all@2x.png)}
.navFootM .btnFootMainNav.footAll.on{background-image:url(/images/ico_ft_all_on@2x.png)}

@keyframes rotate {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}

@media only screen and (min-width:1024px){
.navFootMIn{max-width:1258px;border-left:solid 1px #eee;border-right:solid 1px #eee;margin:0 auto}
}

/*Footer 메뉴 (공통 아이콘) 자세히보기/모바일 전체보기 */
.btnFootNav{font-size:13px;color:#333;background-color:transparent;background-position:50% 0;background-repeat:no-repeat;background-size:auto 24px;position:relative;cursor:pointer}
.btnFootNav:before{display:inline-block;content:"";width:50px;height:50px;background-color:#F8F9FB;background-position:50% 50%;background-repeat:no-repeat;border-radius:10px;position:absolute;top:0;left:50%;transform:translate(-50%, 0)}
.btnFootNav.footMyAct:before{background-image:url(/images/ico_ft_myact@2x.png);background-size:28px auto}
.btnFootNav.footConn:before{background-image:url(/images/ico_ft_conn@2x.png);background-size:28px auto}
.btnFootNav.footDisConn:before{background-image:url(/images/ico_ft_disconn@2x.png);background-size:28px auto}
.btnFootNav.footSermon:before{background-image:url(/images/ico_ft_sermon@2x.png);background-size:26px auto}
.btnFootNav.footSermonWrt:before{background-image:url(/images/ico_ft_sermon_wrt@2x.png);background-size:26px auto}
.btnFootNav.footSermonHeadWrt:before{background-image:url(/images/ico_ft_sermon_head_wrt@2x.png);background-size:26px auto}
.btnFootNav.footSermonServey:before{background-image:url(/images/ico_ft_sermon_servey@2x.png);background-size:26px auto}
.btnFootNav.footCal:before{background-image:url(/images/ico_ft_cal@2x.png);background-size:26px auto}
.btnFootNav.footInvite:before{background-image:url(/images/ico_ft_invite@2x.png);background-size:26px auto}
.btnFootNav.footTithe:before{background-image:url(/images/ico_ft_tithe@2x.png);background-size:26px auto}
.btnFootNav.footDayMemo:before{background-image:url(/images/ico_ft_day_memo@2x.png);background-size:26px auto}
.btnFootNav.footOtherView:before{background-image:url(/images/ico_ft_other_view_view@2x.png);background-size:26px auto}
.btnFootNav.footAtt:before{background-image:url(/images/ico_ft_att@2x.png);background-size:26px auto}
.btnFootNav.footChurchAct:before{background-image:url(/images/ico_ft_church_act@2x.png);background-size:26px auto}
.btnFootNav.footAttBook:before{background-image:url(/images/ico_ft_att_book@2x.png);background-size:26px auto}
.btnFootNav.footMonthReport:before{background-image:url(/images/ico_ft_month_report@2x.png);background-size:26px auto}
.btnFootNav.footLmsState:before{background-image:url(/images/ico_ft_lms_state@2x.png);background-size:30px auto}
.btnFootNav.footAppBook:before{background-image:url(/images/ico_ft_app_book@2x.png);background-size:30px auto}
.btnFootNav.footGroupAct:before{background-image:url(/images/ico_ft_group_act@2x.png);background-size:30px auto}
.btnFootNav.footYoutube:before{background-image:url(/images/ico_ft_youtube@2x.png);background-size:30px auto}
.btnFootNav.footNSAdmin:before{background-image:url(/images/ico_ft_ns_admin@2x.png);background-size:30px auto}
.btnFootNav.footSaintAdmin:before{background-image:url(/images/ico_ft_saint_admin@2x.png);background-size:30px auto}
.btnFootNav.footOtherVisit:before{background-image:url(/images/ico_ft_other_visit@2x.png);background-size:30px auto}
.btnFootNav.footProgramUp:before{background-image:url(/images/ico_program_up_main@2x.png);background-size:30px auto}
.btnFootNav.footInquiry:before{background-image:url(/images/ico_ft_inquiry@2x.png);background-size:30px auto}
.btnFootNav.footGuideVid:before{background-image:url(/images/ico_guide@2x.png);background-size:30px auto}
.btnFootNav.footChurchReg:before{background-image:url(/images/ico_register@2x.png);background-size:30px auto}
.btnFootNav.preachFestival:before{background-image:url(/images/ico_whale.png);background-size:35px auto;} 
.btnFootNav.footOnlineMission:before{background-image: url(/images/ico_ft_online_mission.png);background-size:28px auto;width:20px !important;height:20px !important;border-radius:3px;left:5px !important;top:5px !important;}
.btnFootNav.footvideo:before{background-image:url(/images/ico_ft_video.png);background-size:35px auto;} 

/*Footer 메뉴 자세히보기*/
.navFootMore{display:none;position:fixed;left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,0.6);z-index:1000}
.navFootMoreIn{position:fixed;left:0;bottom:0;right:0}
.navFootMoreBox{position:relative;overflow-y:auto;background:#fff;border-top:solid 1px #eee;box-shadow:0 -5px 8px rgb(0 0 0 / 10%);padding:40px 20px 100px 20px}
.navFootMore .btnFootNavMoreScroll{min-height:calc(100vh - 400px);max-height:calc(100vh - 200px)}
.navFootMore .btnFootNavMoreWrap{display:flex;flex-wrap:wrap;align-items:flex-start}
.navFootMore .btnFootNavMoreWrap .btnFootNav{width:20%;min-height:80px;font-size:12px;color:#666;letter-spacing:-0.5px;text-align:center;padding:60px 5px 0 5px;margin:0 0 10px 0}
.navFootMore .btnFootNavMoreWrap .btnFootNav .text{display:inline-block;line-height:1.2}
.navFootMore .btnNavFootClose{position:absolute;bottom:25px;left:50%;transform:translate(-50%, 0);width:42px;height:42px;background:#0084E4 url(/images/ico_foot_more_close@2x.png) 50% 50% no-repeat;background-size:16px auto;border-radius:50%;filter:drop-shadow(0px 3px 4px rgba(45, 90, 246, 0.3));cursor:pointer}
.navFootMore .btnFootMoreR{position:absolute;bottom:45px;right:20px}
.navFootMore .btnEdit{min-width:50px;height:25px;line-height:23px;background:#fff;font-size:13px;color:#999;border:dashed 1px #ccc;border-radius:25px;padding:0 10px}

@media only screen and (min-width:1024px){
.navFootMoreIn{max-width:1258px;border-left:solid 1px #eee;border-right:solid 1px #eee;margin:0 auto}
}

/*Footer 메뉴 편집*/
.navFootEdit{display:none;position:fixed;left:0;bottom:0;right:0;z-index:1100}
.navFootEditIn{position:relative;background:#fff;border-top:solid 1px #eee;box-shadow:0 -5px 8px rgb(0 0 0 / 10%);padding:40px 20px 80px 20px}
.navFootEdit .editBox{max-height:calc(100vh - 200px);min-height:calc(100vh - 380px);overflow-y:auto}
.navFootEdit .btnFootNav{width:20%;min-height:80px;font-size:12px;color:#666;letter-spacing:-0.5px;text-align:center;padding:60px 5px 5px 0;margin:0 0 10px 0}
.navFootEdit .btnFootNav .text{display:inline-block;line-height:1.2}
.navFootEdit .btnEditDelS{width:15px;height:15px;background:url(/images/ico_ft_del@2x.png) 0 0 no-repeat;background-size:15px;position:absolute;top:-5px;left:50%;transform:translate(16px,0)}
.navFootEdit .editUp{display:flex;flex-wrap:wrap;padding:0;margin:0 0 0 0}
.navFootEdit .editUp .btnFootNav{cursor:default}
.navFootEdit .editUnder{display:flex;flex-wrap:wrap;border-top:solid 1px #D9D9D9;padding:30px 0 0 0}
.navFootEdit .btnFootEditL{position:absolute;bottom:45px;left:20px}
.navFootEdit .btnFootEditR{position:absolute;bottom:45px;right:20px}
.navFootEdit .btnPrimary{min-width:50px;height:25px;line-height:23px;background:#4297FF;font-size:13px;color:#fff;border-radius:25px;padding:0 10px}
.navFootEdit .btnDefault{min-width:50px;height:25px;line-height:23px;background:#fff;font-size:13px;color:#999;border:solid 1px #ccc;border-radius:25px;padding:0 10px}

/*Footer 전체메뉴*/
.navFootAll{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:10000}
.navFootAllIn{height:100vh;overflow-y:auto;padding:30px 20px 100px 20px}
.navFootAll .footAllTitle{position:relative}
.navFootAll .footAllTitle h2{font-size:20px;font-weight:bold;color:#333}
.navFootAll .footAllTitleR{position:absolute;top:0;right:-5px}
.navFootAll .footAllTitle .btnInstead{width:40px;height:20px;background:url(/images/ico_head_instead@2x.png) 50% 50% no-repeat;background-size:20px auto}
.navFootAll .footAllTitle .btnLang{width:40px;height:20px;background:url(/images/ico_head_lang@2x.png) 50% 50% no-repeat;background-size:20px auto}
.navFootAll .footAllTitle .btnTopSet{width:40px;height:20px;background:url(/images/ico_head_set@2x.png) 50% 50% no-repeat;background-size:20px auto}
.navFootAll .footAllTitle .btnClose{width:40px;height:20px;background:url(/images/ico_play_close@2x.png) 50% 50% no-repeat;background-size:18px auto}
.navFootAll .footAllTopWrap{border-bottom:solid 1px #eee;padding:0 0 20px 0}
.navFootAll .footAllTop{display:flex;width:100%}
.navFootAll .btnTopItem{flex:1;background-position:50% 15px;background-repeat:no-repeat;border-radius:10px;text-align:center;font-size:15px;color:#333;letter-spacing:-0.5px;margin:0 5px;padding:40px 0 0 0;cursor:pointer}
.navFootAll .btnTopItem.topNS{background-image:url(/images/ico_ft_ns_admin@2x.png);background-size:20px auto}
.navFootAll .btnTopItem.topAdm{background-image:url(/images/ico_ft_saint_admin@2x.png);background-size:20px auto}
.navFootAll .btnTopItem.topCal{background-image:url(/images/ico_ft_cal@2x.png);background-size:20px auto}
.navFootAll .btnTopItem.topInv{background-image:url(/images/ico_ft_invite@2x.png);background-size:20px auto}
.navFootAll .footAllNav{}
.navFootAll .footAllNav h3{font-size:16px;color:#333;font-weight:bold;background:transparent;text-align:left;margin:25px 0 10px 0}
.navFootAll .footAllNav .btnFootNav{font-size:16px;padding:5px 0 15px 40px}
.navFootAll .footAllNav .btnFootNav:before{width:30px;height:30px;background-size:20px auto;background-color:transparent;left:0;top:0;transform:inherit}
.navFootAll .footAllNav .btnFootNav .text{display:inline-block;margin:0 20px 0 0}
.navFootAll .footAllNav .btnFootNav .bar{display:inline-block;color:#eee;margin:0 8px}
.navFootAll .footAllNav .btnFootNav .btnConn{font-size:14px;color:#4F72D8;background:transparent}
.navFootAll .footAllNav .btnFootNav .btnDisConn{font-size:14px;color:#5FBB81;background:transparent}
.navFootAll .btnTopItem.footNSAdmin{background-image:url(/images/ico_ft_ns_admin@2x.png);background-size:20px auto}
.navFootAll .btnTopItem.footCal{background-image:url(/images/ico_ft_cal@2x.png);background-size:20px auto}
.navFootAll .btnTopItem.footInvite{background-image:url(/images/ico_ft_invite@2x.png);background-size:20px auto}
.navFootAll .btnTopItem.footSaintAdmin{background-image:url(/images/ico_ft_saint_admin@2x.png);background-size:20px auto}
.navFootAll .btnNotice{display:inline-block;width:40px;height:20px;background:url(/images/ico_head_bell@2x.png) 50% 50% no-repeat;background-size:18px auto;vertical-align:middle;cursor:pointer;;margin:0 0 0 10px;position:relative}
.navFootAll .btnNotice em{display:inline-block;height:16px;line-height:16px;background:#FA5155;color:#fff;font-size:12px;padding:0 5px;border-radius:9px;margin:9px 0 0 12px;position:relative;top:-13px;left:8px}

.navFootAll .footNameArea{display:flex;min-height:30px;align-items:center;margin:20px 0 0 0;position:relative}
.navFootAll .footNameArea .nameArea{display:inline-block;font-size:16px;font-weight:bold;letter-spacing:-0.5px}
.navFootAll .footNameArea .spName{}
.navFootAll .footNameArea .btnR{position:absolute;top:0;right:0}
.navFootAll .footNameArea .btnSmallInstead{min-width:70px;height:30px;background:#F1F2F4;border-radius:8px;color:#3B4F77;font-size:14px;font-weight:bold;padding:0 10px}

.commonTitTopBox{position:sticky;top:0;z-index:10 /*z-index:10이상*/}
.commonTitTop{background:#fff;border-bottom:solid 1px #e5e5e5;padding:20px 12px 15px 12px;position:relative}
.commonTitTop.bdNone{border-bottom:none}
.commonTitTop h3{font-size:20px;color:#000;line-height:1.1;text-align:left;font-weight:bold;letter-spacing:-0.5px;padding:0 30px}
.commonTitTop .btnBack{width:40px;height:40px;background:transparent url(/images/ico_comm_back@2x.png) 50% 50% no-repeat;background-size:12px auto}
.commonTitTop .btnL{position:absolute;top:10px;left:2px}
.commonTitTop .btnMnR{position:absolute;top:12px;right:15px}
.commonTitTop.receiptReult{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-right:15px}
.commonTitTop.receiptReult h3{letter-spacing:-1.5px;padding-right:0}
.commonTitTop.receiptReult .date{flex-shrink:0;align-self:end;font-size:12px;color:#666;margin:3px 0 0 auto;}

.inviteWarp .btnManual{padding:6px 10px;font-size:12px;color:#666;background:#f1f1f1;border-radius:20px;position:absolute;right:16px;top:16px}
.inviteWarp .btnManual:before{width:12px;height:12px;margin-right:2px;content:'';display:inline-block;background:url(/images/ico_manual.svg)0 0 no-repeat;background-size:contain;vertical-align:-2px}

.navFootMore .navServeFootMoreWrap{display:inherit;width:100%;flex-wrap:inherit}
.navFootEdit .navServeFootEdit{display:inherit;width:100%;flex-wrap:inherit}

.inviteMonth{height:34px;border-bottom:solid 1px #eee;white-space:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 20px;margin:10px 0 20px 0}
.inviteMonth button{height:33px;font-size:15px;color:#666;background:transparent;margin:0 15px 0 0}
.inviteMonth button.on{color:#0E8BE6;font-weight:bold;border-bottom:solid 2px #0E8BE6}
.inviteMonth button a{color:inherit;text-decoration:none}
.inviteMonth button a:hover{color:inherit;text-decoration:none}

.inviteListMain{padding:0 20px;margin:0 0 20px 0}
.inviteListMain .typeFather .inviteItemIn{border-left:4px solid #00D092}
.inviteListMain .typeMother .inviteItemIn{border-left:4px solid #FFCE50}
.inviteListMain .typeMedia .inviteItemIn{border-left:4px solid #a4a8ff}
.inviteListMain .typeOche .inviteItemIn{border-left:4px solid #FFCE50}
.inviteListMain .typeSeminar .inviteItemIn{border-left:4px solid #fdcfde}

.inviteListMain h3{font-size:17px;color:#333;font-weight:bold;margin:0 0 10px 0}
.inviteItem{position:relative;padding:0 0 10px 25px;cursor:pointer}
.inviteItem:before{display:inline-block;content:"";width:1px;height:100%;background:#eee;position:absolute;top:0;left:5px;bottom:0}
.inviteItem:after{display:inline-block;content:"";width:10px;height:10px;background:#D9D9D9;border-radius:50%;position:absolute;top:0;left:0}
.inviteItem:last-child:before{display:none}
.inviteItemIn{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.09);border-radius:8px;padding:15px}
.inviteItem h4{font-size:16px;color:#333;font-weight:bold}
.inviteItem .address{display:block;background:url(/images/ico_address@2x.png) 0 50% no-repeat;background-size:15px auto;color:#0177CB;font-size:14px;padding:0 0 0 20px;margin:2px 0}
.inviteItem .date{display:block;background:url(/images/ico_date@2x.png) 0 50% no-repeat;background-size:15px auto;color:#777;font-size:13px;padding:0 0 0 20px}
.inviteItem .btnR{position:absolute;top:50%;right:15px;margin:-12px 0 0 0}
.inviteItem .stateIng{display:inline-block;height:24px;line-height:24px;background:#EAF3FF;border-radius:24px;font-size:12px;color:#5099E3;padding:0 8px}
.inviteItem .statePlan{display:inline-block;height:24px;line-height:24px;background:#FFF6E2;border-radius:24px;font-size:12px;color:#C78D0C;padding:0 8px}

.mainTeachings{margin:0 20px;border-radius:10px;overflow-y:hidden;position:relative;cursor:pointer}
.mainTeachings .motherTeachingCarousel{display:block !important;min-height:207px;}
.mainTeachings .owl-carousel .owl-stage-outer{border-radius:10px;overflow:hidden}
.mainTeachings .visual{height:187px;padding-bottom:calc(100% * 9 / 18);background-position:0 0;background-repeat:no-repeat;background-size:cover;border-radius:10px;overflow:hidden;position:relative}
.mainTeachings .visual:after{display:inline-block;content:"";width:100%;height:100px;position:absolute;bottom:0}
.mainTeachings .visual1:after{background:linear-gradient(to top,rgba(255, 240, 240, 1) 50%,rgba(255, 240, 240, 0) 100%);}
.mainTeachings .visual2:after{background:linear-gradient(to top,rgba(214, 233, 175, 1) 50%,rgba(214, 233, 175, 0) 100%);}
.mainTeachings .visual3:after{background:linear-gradient(to top,rgba(209, 243, 213, 1) 50%,rgba(209, 243, 213, 0) 100%);}
.mainTeachings .visual4:after{background:linear-gradient(to top,rgba(252, 246, 232, 1) 50%,rgba(252, 246, 232, 0) 100%);}
.mainTeachings .visual5:after{background:linear-gradient(to top,rgba(220, 239, 217, 1) 50%,rgba(220, 239, 217, 0) 100%);}
.mainTeachings .visual6:after{background:linear-gradient(to top,rgba(255, 240, 240, 1) 50%,rgba(255, 240, 240, 0) 100%);}
.mainTeachings .visual7:after{background:linear-gradient(to top,rgba(255, 236, 243, 1) 50%,rgba(255, 236, 243, 0) 100%);}
.mainTeachings .visual8:after{background:linear-gradient(to top,rgba(213, 241, 193, 1) 50%,rgba(213, 241, 193, 0) 100%);}
.mainTeachings .visual9:after{background:linear-gradient(to top,rgba(221, 247, 255, 1) 50%,rgba(221, 247, 255, 0) 100%);}
.mainTeachings .visual10:after{background:linear-gradient(to top,rgba(245, 236, 231, 1) 50%,rgba(245, 236, 231, 0) 100%);}
.mainTeachings .visual11:after{background:linear-gradient(to top,rgba(230, 228, 228, 1) 50%,rgba(230, 228, 228, 0) 100%);}
.mainTeachings .visual12:after{background:linear-gradient(to top,rgba(246, 228, 218, 1) 50%,rgba(246, 228, 218, 0) 100%);}
.mainTeachings .visual13:after{background:linear-gradient(to top,rgba(241, 239, 241, 1) 50%,rgba(241, 239, 241, 0) 100%);}
.mainTeachings .textTc{position:absolute;bottom:20px;left:0;right:0;z-index:1}
.mainTeachings .btnTc{width:100%;background:transparent url(/images/ico_teaching_arrow@2x.png) calc(100% - 20px) 50% no-repeat;background-size:14px auto;text-align:left;color:#000;font-size:16px;line-height:1.1;padding:15px 40px 15px 20px}
.mainTeachings .btnTc .point{font-weight:bold}

@media only screen and (min-width:1024px){
.mainTeachings .visual{padding-bottom:calc(100% * 7 / 18);}
.mainTeachings .visual:after{height:130px}
.mainTeachings .btnTc{font-size:18px;padding-bottom:20px}
}

/* 메인 전도축제 배너
.mainBanner{height:100px;margin:0 20px;background:#F0F4FF url(/images/banner/banner_bg1.png)center bottom no-repeat;background-size:cover;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.mainBannerText{text-align:center;z-index:1;padding:0 10px}
.mainBanner2023{background:#CCDAFF;color:#436EDF;font-weight:700;padding:3px 7px;border-radius:20px;margin-bottom:3px;display:inline-block}
.mainBannerTitle{font-size:18px;font-weight:700;letter-spacing:-0.3px;line-height:1.1}
.mainBannerSub{font-size:13px;color:#436EDF}
.mainBannerInner{position:absolute;width:100%;height:inherit}
.mainBannerInner:after{content:'';width:100%;height:inherit;display:block;background:url(/images/banner/banner_bg2.png)center bottom no-repeat;background-size:cover;position:absolute;border-radius:0 0 10px 10px}
.mainBannerInner .whale{position:absolute;right:2%;top:20%;width:77px;height:55px;background:url(/images/banner/banner_whale.png)center bottom no-repeat;background-size:contain;animation:whale 2s alternate infinite;transition:all .2s ease}
.mainBannerInner div[class^="circle"]{position:absolute;width:9px;height:9px;border-radius:50%}
.mainBannerInner .circle1{top:45%;left:5%;background:linear-gradient(180deg, #FCE45D 0%, #FFCC17 100%)}
.mainBannerInner .circle2{top:15%;left:15%;background:linear-gradient(180deg, #4BAFF8 0%, #4B72F8 100%)}
.mainBannerInner .circle3{top:60%;left:20%;background:linear-gradient(180deg, #2AF5B7 0%, #06CF92 100%)}
.mainBannerInner .circle4{top:80%;right:20%;background:linear-gradient(180deg, #BB95FA 0%, #6E37C6 100%);z-index:1}
.mainBannerInner .circle5{top:12%;right:10%;background:linear-gradient(180deg, #FCE45D 0%, #FFCC17 100%)}
.mainBannerInner .circle6{top:40%;right:4%;background:llinear-gradient(180deg, #587DFD 0%, #305AEC 100%)}
.mainBannerInner .circle7{top:-5%;right:4%;background:linear-gradient(180deg, #50EEFD 0%, #22BFCD 100%)}
.mainBannerInner div[class^="light"]{position:absolute;width:30px;height:30px;background:url(/images/banner/banner_light.png)center bottom no-repeat;background-size:30px;mix-blend-mode:screen;background-blend-mode:screen;z-index:1;animation:light 2s linear infinite}
.mainBannerInner .light1{top:40px;left:12%} 
.mainBannerInner .light2{top:-20px;left:70%;animation-delay:-1s !important}
.mainBannerInner .light3{top:50px;left:90%;animation-delay:-1.5s !important}

@keyframes whale{
    from{transform:rotate(5deg)}
    to{transform:rotate(-3deg)}
}
@keyframes light{
    from{opacity:0;margin-left:0;margin-top:0}
    35%{opacity:1;margin-left:-5%;margin-top:5%}
    70%{opacity:0;margin-left:-10%;margin-top:10%}
    to{opacity:0;margin-left:-10%;margin-top:10%}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:1.5dppx), (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi){
  .mainBanner{background-image:url(/images/banner/banner_bg1@2x.png)}
  .mainBannerInner:after{background-image:url(/images/banner/banner_bg2@2x.png)}
  .mainBannerInner .whale{background-image:url(/images/banner/banner_whale@2x.png)}
}
@media(min-width:500px){.mainBannerInner .whale{right:15%}}
@media(min-width:768px){
    .mainBanner,.mainBannerInner:after{background-size:768px}
    .mainBanner:after{background:linear-gradient(90deg, #CCE6FF 20%, transparent 30%, transparent 70%, #CCE6FF 80%);width:1240px;height:inherit;content:'';display:block;position:absolute}
    .mainBannerInner{width:768px}
    .mainBannerInner .whale{right:20%}
    .mainBannerInner div[class^="circle"]{z-index:1}
    .mainBannerInner div[class^="light"]{background-image:url(/images/banner/banner_light@2x.png)}
} */

.mainBanner{margin:0 20px;padding:20px;background:#fdf1b7 url(https://globalapi.watv.org/images/WMCMyMission/banner/banner_fst2024.png)98% bottom no-repeat;background-size:38%;border-radius:10px;position:relative}
@media(min-width:768px){.mainBanner{background-size:contain}}
.mainBannerYear{margin-bottom:5px;padding:2px 7px 0 7px;font-size:13px;font-weight:bold;color:#FFF;background:#eeb000;border-radius:20px;display:inline-block}
.mainBannerTitle{font-size:18px;font-weight:700;color:#111;letter-spacing:-0.3px;line-height:1.1}
.mainBannerDate{font-size:13px;color:#aa8b32;margin-top:1px}
.mainBannerSub{font-size:12px;color:#3e6bfe;font-weight:600;}
.mainBanner .mainBannerGuide{font-size:12px;font-weight:600;border-radius:6px;display:inline-block;position:absolute;right:5px;bottom:5px}
.mainBanner .btnDetail{width:40px;height:40px;background:url(/images/ico_guide_mm.png) 50% 50% no-repeat;background-size:40px auto}

.onlineChallenge{display:flex;align-items:center;min-height:105px;background:#749de9 url(https://globalapi.watv.org/images/WMCMyMission/banner/img_challenge_bg.png) right 0 no-repeat;background-size:auto 100%;border-radius:10px;margin:0 20px;padding:10px 85px 10px 20px;position:relative}
.onlineChallenge:after{display:inline-block;content:"";width:102px;height:90px;background:url(https://globalapi.watv.org/images/WMCMyMission/banner/img_challenge.png) 0 0 no-repeat;position:absolute;bottom:0;right:10px}
.onlineChallenge .subject{}
.onlineChallenge .subject .year{display:inline-block;height:20px;line-height:20px;font-size:13px;font-weight:bold;color:#FFF;background:#125689;border-radius:20px;padding:0 7px;margin:0 0 5px 0}
.onlineChallenge .subject .title{font-size:20px;font-weight:700;color:#fff;letter-spacing:-0.3px;line-height:1.1}
.onlineChallenge .subject .date{font-size:13px;color:#fff;margin-top:1px;opacity:0.7}

.actReportWarp .reportPrcLayerTable{width:100%}
.actReportWarp .trReportPrc{text-align:left}
.actReportWarp .dvReportPrc{padding-left:20px}
.actReportWarp .spReportPrcSub{display:inline-block;margin:0 0 3px 0;color:#1dd07a}
.actReportWarp .spReportPrc{display:block;font-size:13px}
.actReportWarp .tdReportPrc{border-left:1px solid #e8e8e8}

.activityGuide{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:#fff;z-index:10000}
.activityGuideIn {height:100vh;overflow-y:auto}
.activityGuideIn .footAllTitle{display:flex;align-items:center;justify-content:space-between;max-width:800px;height:56px;margin:0 auto;padding:0 20px;background:#fff;font-family:Helvetica,'Apple SD Gothic Neo','notokr','Malgun Gothic','맑은 고딕','돋움',dotum,Helvetica,sans-serif !important;position:relative}
.activityGuideIn .footAllTitleR{display:flex;justify-content:space-between;align-items:center}
.activityGuideIn .btnClose{width:40px;height:20px;background:url(/images/ico_play_close@2x.png) 50% 50% no-repeat;background-size:18px auto}
.activityGuideIn .title{font-weight:700;font-size:17px;color:#111;letter-spacing:-0.3px;padding-top:2px;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal}

.eventNotice{margin:10px 20px 10px 30px}
.eventNotice ul{padding:0}
.eventNotice li{font-size:13px;margin:0 0 5px 0;color:#777;word-break:keep-all;list-style-image:url(/images/ico_info.svg)}
.eventNotice li .point{color:#4886ff}

.pwChkWrap{}
.pwChkWrap .pwpTitleWrap{max-width:500px;text-align:center;margin:20px auto 0 auto;padding:0 20px;}
.pwChkWrap .pwpTitle{color:#363b41;font-size:24px;font-weight:500;letter-spacing:-1px;line-height:1.3;background:url(/images/mm_logo@3x.png) center 0 no-repeat;background-size:60px auto;margin:60px 0 0 0;padding:65px 0 15px 0;}
.pwChkWrap .pwpTitleWrap .explain {font-size:14px;color:#4297ff;letter-spacing:-0.5px;}
.pwChkWrap .eduPwdinputWrap {height:69px;text-align:center;margin:0 auto 50px auto;padding:0 20px 10px;}

@media (min-width: 768px){
.pwChkWrap .eduPwdinputWrap {max-width: 420px;}
}

.pwChkWrap .eduPwdinputWrap .inputPWLine {width: 100%;border-bottom: solid 1px #ebebeb;font-size: 20px;color: #202020;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;margin: 30px 0 0 0;}
.pwChkWrap .eduPwdsaveWrap {padding: 0 20px;margin: 0 auto;text-align: center;}
.pwChkWrap .btnOk {width: 100%;height: 55px;line-height: 55px;background: #4297ff;color: #fff;font-size: 17px;border-radius: 2px;text-align: center;margin: 0;padding: 1px 10px 0 10px;}
.pwChkWrap input[type="number"] {-webkit-text-security: disc;}
.pwChkWrap input[type="number"]::-webkit-outer-spin-button,
.pwChkWrap input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.banner.preach-2025{min-height:120px; padding:20px 110px 20px 20px; background:#1499FE url(/images/banner/preach_2025.png)no-repeat right 10px/130px; color:#fff; display:flex; flex-direction:column; justify-content:center; gap:3px}
.banner-date{font-size:14px; color:#E1F2FF}
.banner-title{font-size:20px; font-weight:bold; line-height:1.2}