@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }
textarea:disabled{ background-color: #fff; }



.inner{ width:1200px; margin:0 auto; }
.fancybox__container{ z-index: 99999999999; }
.paging_box{ padding:10px 0; gap: 4px; display:flex; align-items: center; justify-content: center; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */

.paging_box .pg_current{ background-color: #222; border-color: #222; display: flex; align-items: center; justify-content: center; }
.paging_box .pg_page{ display: flex; align-items: center; justify-content: center; background-color: #fff; border-color: #eee; }


/* timepicker */
.ui-timepicker-standard{ z-index: 999999 !important; position: absolute; }

/* [✅] 로그인 화면 */
.loginSec{ position: relative; overflow: hidden; min-height: calc(100vh - 56px); display: flex; justify-content: center; padding: 100px 0; }
.loginSec .bgCircle{ position: absolute; width: calc(100% + 200px); height: 500px; top: -100px; border-radius: 0% 0% 50% 50%; background-color: #3F67EECC; background-image: url('../img/login/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.loginSec .inner{ position: relative; z-index: 1; }
.loginSec .logo{ display: block; margin: 0 auto; width: 80%; max-width: 111px; filter: drop-shadow(3px 2px 7px rgba(0, 0, 0, 0.52)); }
.loginSec .loginTitle{ text-align: center; color: #fff; font-size: 20px; margin-top: 4px; }
.loginSec .loginBox{ margin: 27px auto 0 auto; background-color: #fff; max-width: 600px; padding: 56px; border-radius: 20px; box-shadow: 0px 26px 28px 0px rgba(0, 0, 0, 0.10); }
.loginSec .loginBox .title1{ text-align: center; font-size: 22px; font-weight: 700;  }
.loginSec .loginBox .content1{ text-align: center; color: #7F7F7F; margin-top: 10px; }
.loginSec .loginBox .loginIpt{ margin-top: 36px; }
.loginSec .loginBox .loginIpt > li + li{ margin-top: 14px; }
.loginSec .loginBox .loginIpt .ipt{ width: 100%; padding: 20px; border-radius: 100px; border: none; background-color: #F8F8F8; padding-left: 60px; background-repeat: no-repeat; background-position: left 20px center; background-size: 24px; }
.loginSec .loginBox .loginIpt .ipt.id{ background-image: url('../img/login/email.png'); }
.loginSec .loginBox .loginIpt .ipt.password{ background-image: url('../img/login/password.png'); }
.loginSec .loginBox .loginBtn{ display: block; margin-top: 14px; width: 100%; padding: 20px; border-radius: 20px; border: none; text-align: center; font-size: 16px; }
.loginSec .loginBox .loginBtn.login{ background-color: #222; color: #fff; }
.loginSec .loginBox .loginBtn.signup{ background-color: #D9D9D9; color: #7F7F7F; }
.loginSec .loginBox .findDiv{ margin-top: 13px; display: flex; align-items: center; justify-content: center; color: #7F7F7F; }

@media screen and (max-width: 1250px) { 
    .loginSec .loginBox{ padding: 30px; }
    .loginSec .logo{ max-width: 80px; }
    .loginSec .loginBox .title1{ font-size: 18px;}
    .loginSec .loginBox .loginIpt .ipt{ border-radius: 15px; }
    .loginSec .loginBox .loginBtn{ border-radius: 15px; }
}
@media screen and (max-width: 500px) { 
    .loginSec .loginBox .content1{ font-size: 14px; }
    .loginSec .loginBox .loginIpt{ margin-top: 20px; }
}
@media screen and (max-width: 400px) { 
    .loginSec{ padding: 15vw 0;  min-height: calc(100vh - 7vw); }
    .loginSec .bgCircle{ height: 100vw; top: -10vw; } 
    .loginSec .logo{ max-width: 18vw; }
    .loginSec .loginTitle{ font-size: 4vw; }
    .loginSec .loginBox{ margin-top: 5vw; border-radius: 4vw; padding: 8vw 5vw; }
    .loginSec .loginBox .title1{ margin-top: 2vw; font-size: 3.5vw; }
    .loginSec .loginBox .content1{ margin-top: 2vw; font-size: 3.2vw; }
    .loginSec .loginBox .loginIpt{ margin-top: 4vw;  }
    .loginSec .loginBox .loginIpt > li + li{ margin-top: 2vw; }
    .loginSec .loginBox .loginIpt .ipt{ padding: 4vw; border-radius: 4vw; padding-left: 13vw; background-size: 5vw; font-size: 3.5vw; background-position: left 5vw center; }
    .loginSec .loginBox .loginBtn{ margin-top: 2vw; padding: 4vw; border-radius: 4vw; font-size: 3.5vw; }
    .loginSec .loginBox .findDiv{ margin-top: 4vw; font-size: 3.2vw; } 
}

.lostPasswordPopup{ 
    position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 999; 
    display: flex; align-items: center; justify-content: center; padding: 20px;
    opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;
}
.lostPasswordPopup.show{ opacity: 1; visibility: visible; }
.lostPasswordPopup .popupContent{ background-color: #fff; padding: 40px; border-radius: 20px; width: 100%; max-width: 600px; }
.lostPasswordPopup .popupContent form{ display: block; margin: 0 auto; max-width: 430px; }
.lostPasswordPopup .popupContent .btnWrap{ display: flex; justify-content: flex-end; align-items: center; }
.lostPasswordPopup .popupContent .btnWrap .closeBtn{ background-color: transparent; border: 1px solid transparent;  }
.lostPasswordPopup .popupContent .title{ text-align: center; font-size: 22px; font-weight: 700; }
.lostPasswordPopup .popupContent .content{ text-align: center; color: #7F7F7F; margin-top: 9px; }
.lostPasswordPopup .popupContent .ipt{ margin-top: 26px;  background-image: url('../img/login/email.png'); width: 100%; padding: 20px; border-radius: 100px; border: none; background-color: #F8F8F8; padding-left: 60px; background-repeat: no-repeat; background-position: left 20px center; background-size: 24px; }
.lostPasswordPopup .popupContent .auto{ margin-top: 12px; }
.lostPasswordPopup .popupContent .submitBtn{ display: block; margin: 20px auto 0 auto; width: 100%; max-width: 380px; border: none; padding: 20px; background-color: #222; color: #fff;  }



@media screen and (max-width: 1250px) { 
    .lostPasswordPopup .popupContent{ padding: 30px; }
    .lostPasswordPopup .popupContent .title{ font-size: 18px; }
}
@media screen and (max-width: 500px) { 
    .lostPasswordPopup .popupContent .content{ font-size: 14px; }
}
@media screen and (max-width: 400px) { 
    .lostPasswordPopup .popupContent{ border-radius: 4vw; padding: 8vw 5vw; }
    .lostPasswordPopup .popupContent .btnWrap .closeBtn .icon{ width: 6vw; }
    .lostPasswordPopup .popupContent .title{ font-size: 3.4vw; }
    .lostPasswordPopup .popupContent .content{ margin-top:1vw; font-size: 3.2vw; }
    .lostPasswordPopup .popupContent .ipt{ margin-top: 4vw;  padding: 4vw; border-radius: 4vw; padding-left: 13vw; background-size: 5vw; font-size: 3.5vw; background-position: left 5vw center; }
    .lostPasswordPopup .popupContent .auto{ margin-top: 4vw; font-size: 3.2vw; }
    .lostPasswordPopup .popupContent .submitBtn{ margin-top: 4vw; padding: 4vw; font-size: 3.4vw; }
}   

.lostIdPopup{ 
    position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 999; 
    display: flex; align-items: center; justify-content: center; padding: 20px;
    opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;
}
.lostIdPopup.show{ opacity: 1; visibility: visible; }
.lostIdPopup .popupContent{ background-color: #fff; padding: 40px; border-radius: 20px; width: 100%; max-width: 600px; }
.lostIdPopup .popupContent form{ display: block; margin: 0 auto; max-width: 430px; }
.lostIdPopup .popupContent .btnWrap{ display: flex; justify-content: flex-end; align-items: center; }
.lostIdPopup .popupContent .btnWrap .closeBtn{ background-color: transparent; border: 1px solid transparent;  }
.lostIdPopup .popupContent .title{ text-align: center; font-size: 22px; font-weight: 700; }
.lostIdPopup .popupContent .content{ text-align: center; color: #7F7F7F; margin-top: 9px; }
.lostIdPopup .popupContent .ipt{ margin-top: 26px;  background-image: url('../img/login/password.png'); width: 100%; padding: 20px; border-radius: 100px; border: none; background-color: #F8F8F8; padding-left: 60px; background-repeat: no-repeat; background-position: left 20px center; background-size: 24px; }
.lostIdPopup .popupContent .auto{ margin-top: 12px; }
.lostIdPopup .popupContent .submitBtn{ display: block; margin: 20px auto 0 auto; width: 100%; max-width: 380px; border: none; padding: 20px; background-color: #222; color: #fff;  }



@media screen and (max-width: 1250px) { 
    .lostIdPopup .popupContent{ padding: 30px; }
    .lostIdPopup .popupContent .title{ font-size: 18px; }
}
@media screen and (max-width: 500px) { 
    .lostIdPopup .popupContent .content{ font-size: 14px; }
}
@media screen and (max-width: 400px) { 
    .lostIdPopup .popupContent{ border-radius: 4vw; padding: 8vw 5vw; }
    .lostIdPopup .popupContent .btnWrap .closeBtn .icon{ width: 6vw; }
    .lostIdPopup .popupContent .title{ font-size: 3.4vw; }
    .lostIdPopup .popupContent .content{ margin-top:1vw; font-size: 3.2vw; }
    .lostIdPopup .popupContent .ipt{ margin-top: 4vw;  padding: 4vw; border-radius: 4vw; padding-left: 13vw; background-size: 5vw; font-size: 3.5vw; background-position: left 5vw center; }
    .lostIdPopup .popupContent .auto{ margin-top: 4vw; font-size: 3.2vw; }
    .lostIdPopup .popupContent .submitBtn{ margin-top: 4vw; padding: 4vw; font-size: 3.4vw; }
}   


footer.loginFooter{ padding: 20px; background-color: #222; color: #CCC; }
footer.loginFooter .copyRight{ font-size: 14px; text-align: center; }
@media screen and (max-width: 500px) {
    footer.loginFooter{ padding: 2vw 20px; }
    footer.loginFooter .copyRight{ font-size: 2.5vw; }
}


/* [✅] 로그인 전 헤더 */
header.defaultHeader{ background-color: #222; padding: 10px 0; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; }
header.defaultHeader .inner{ display: flex; align-items: center; justify-content: center; }
header.defaultHeader .logoBox{ display: flex; align-items: center; gap: 10px; color: #fff; }


@media screen and (max-width: 500px) {
    header.defaultHeader{ padding: 2.6vw 0; }
    header.defaultHeader .logoBox{ gap: 2vw; }
    header.defaultHeader .logoBox .logo{ width: 12vw;  }
    header.defaultHeader .logoBox .txt{ font-size: 3.4vw; }

}  

/* [✅] 회원가입 정보 검토중입니다 */
section.defaultSection{ padding-top: 82px; }
section.defaultSection .loginRefusal{ padding: 100px 0; }
section.defaultSection .loginRefusal .whiteBox{ text-align: center; background-color: #fff; border-radius: 4px; box-shadow: 8px 10px 30px 0px rgba(0, 0, 0, 0.12); max-width: 780px; margin: 0 auto; padding: 97px 20px; }
section.defaultSection .loginRefusal .whiteBox .maxWrap{ margin: 0 auto; }
section.defaultSection .loginRefusal .whiteBox .icon{ display: block; margin: 0 auto; width: 86px; }

section.defaultSection .loginRefusal .text1{ text-align: center; color: #7F7F7F; font-size: 18px; margin-top: 18px; }
section.defaultSection .loginRefusal .black{ color: #222; }

section.defaultSection .loginRefusal .text2{ margin-top: 20px; color: #7F7F7F; word-break: keep-all; }
section.defaultSection .loginRefusal .moBr{ display: none; }
section.defaultSection .loginRefusal .goMainBtn{ display: block; width: 100%; max-width: 380px; margin: 0 auto; margin-top: 27px; background-color: #222; color: #fff; padding: 20px 10px; }
@media screen and (max-width: 650px) {
    section.defaultSection .loginRefusal .moBr{ display: inline-block; }
}
@media screen and (max-width: 500px) {
    section.defaultSection{ margin-top: 15.8vw; padding-top: 0; }
}
@media screen and (max-width: 400px) {
    section.defaultSection .loginRefusal{ padding: 20vw 0; }
    section.defaultSection .loginRefusal .whiteBox{ padding: 20vw 4vw; }
    section.defaultSection .loginRefusal .whiteBox .icon{ max-width: 15vw; }
    section.defaultSection .loginRefusal .text1{ margin-top: 5vw; font-size: 3.5vw;  }
    section.defaultSection .loginRefusal .text2{ margin-top: 3vw; font-size: 3.2vw; }
    section.defaultSection .loginRefusal .goMainBtn{ margin-top: 5vw; padding: 3vw 2vw; font-size: 3.4vw; max-width: 60vw; }

}

/* [✅] 로그인전 푸터 */
footer.defaultFooter{ padding:30px 0; border-top: 1px solid #E4E4E4; }
footer.defaultFooter .popupList{ display: flex; flex-wrap: wrap; gap:5px; }
footer.defaultFooter .popupList .popupBtn{ padding-right: 20px; border: none; background-color: transparent; font-size: 18px; font-weight: 700; }
footer.defaultFooter .companyName{ margin-top: 16px; color: #7F7F7F; }

footer.defaultFooter .companyInfo{ margin-top: 8px; color: #7F7F7F; line-height: 1.5em; display: flex; flex-wrap: wrap; max-width: 900px; }
footer.defaultFooter .companyInfo > li{ position: relative; padding-right: 20px; }
footer.defaultFooter .companyInfo > li::after{ content: '|'; position: absolute; right: 10px; }
footer.defaultFooter .companyInfo > li:last-child{ padding-right: 0; }
footer.defaultFooter .companyInfo > li:last-child::after{ display: none; }

footer.defaultFooter .copyRight{ margin-top: 26px; color: #CCC; font-size: 14px; }

@media screen and (max-width: 1250px) {
    footer.defaultFooter .popupList .popupBtn{ font-size: 16px; padding-right: 10px; }
    footer.defaultFooter .companyName{ font-size: 14px; }
    footer.defaultFooter .companyInfo{ font-size: 14px; }
    footer.defaultFooter .copyRight{ font-size: 13px; }
}
@media screen and (max-width: 400px) {
    footer.defaultFooter{ padding: 5vw 0; }
    footer.defaultFooter .popupList{ gap: 1vw; }
    footer.defaultFooter .popupList .popupBtn{ font-size: 3.4vw; padding-right:2vw; }
    footer.defaultFooter .companyName{ margin-top: 2vw; font-size: 3.2vw; }
    footer.defaultFooter .companyInfo{ margin-top: 1vw; }
    footer.defaultFooter .companyInfo > li{ padding-right: 4vw; padding-top: 1vw; font-size: 3.2vw; line-height: auto; line-height: normal; }
    footer.defaultFooter .companyInfo > li::after{ right: 2vw; color: #CCC; transform: scale(0.8); }
    footer.defaultFooter .copyRight{ font-size: 2.8vw; margin-top: 4vw; }
}

/* [✅] 개인정보처리방침 , 이용약관 팝업 */
.privacyPopup{ 
	position: fixed; background-color: rgba(0, 0, 0, 0.60); width: 100%; height: 100%; z-index: 99999; left: 0; top: 0; 
	display: flex; align-items: center; justify-content: center; 
	opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;
}
.privacyPopup.active{ opacity : 1; visibility: visible; }
.privacyPopup .inner{ max-width: 600px; }
.privacyPopup .contentWrap{ background-color: #fff; padding: 40px 30px; }
.privacyPopup .contentWrap .titleBox{ display: flex; justify-content: space-between; align-items: center; }
.privacyPopup .contentWrap .titleBox span{ font-weight: 600; font-size: 24px;  }
.privacyPopup .contentWrap .titleBox .closeBtn{ cursor: pointer;  }

.privacyPopup .contentWrap .contentBox{ margin-top: 30px; background-color: #F7F7F7; padding: 30px; max-height: 60vh; overflow-y: scroll; }

@media screen and (max-width: 650px) {
	.privacyPopup .contentWrap{ padding: 30px 20px; }
	.privacyPopup .contentWrap .titleBox span{ font-size: 18px; }
	.privacyPopup .contentWrap .contentBox{ padding: 15px; margin-top: 20px; font-size: 14px; }
}
@media screen and (max-width: 400px) {
    .privacyPopup .contentWrap{ padding: 5vw 20px; }
    .privacyPopup .contentWrap .titleBox span{ font-size: 3.6vw; }
    .privacyPopup .contentWrap .titleBox .closeBtn{ width: 6vw; }
    .privacyPopup .contentWrap .contentBox{ margin-top: 5vw; padding: 4vw; font-size: 3vw; }
}

/* [✅] 에스에프원 회원가입신청 [Step 1] */
.defaultSection.signup .signupAgreeArti{ padding: 80px 0; }
.defaultSection.signup .inner.small-width{ max-width: 380px; }
.defaultSection.signup .titleBox{ display: flex; align-items: center; gap: 10px; justify-content: center; }
.defaultSection.signup .titleBox .title{ font-size: 20px; font-weight: 700; }
.defaultSection.signup .subTitle{ text-align: center; color: #7F7F7F; margin-top: 5px; }
.defaultSection.signup .subTitle .blue{color: #3E67EE; }
.defaultSection.signup .stepBox{ position: relative; display: flex; align-items: center; justify-content: space-between; margin: 30px auto; max-width: 220px; }
.defaultSection.signup .stepBox .stepWrap{ justify-content: space-between; display: flex; flex-direction: column; align-items: center; }
.defaultSection.signup .stepBox .stepWrap .circle{ background-color: #fff; z-index: 2; width: 20px; height: 20px; border: 1px solid #222; border-radius: 50%; }
.defaultSection.signup .stepBox .stepWrap.on .circle{ background-image: url('../img/signup/step_checkIcon.png'); background-repeat: no-repeat; background-position: center; background-size: 60%; }
.defaultSection.signup .stepBox .stepWrap .step{ color: #7F7F7F; text-align: center; }
.defaultSection.signup .stepBox .stepWrap.on .step{ color: #222; }
.defaultSection.signup .stepBox .bar{ width: calc(100% - 50px); position: absolute; top: 10px; left: 20px; height: 1px; background-color: #222; }

.defaultSection.signup .agreeCheckbox{ padding: 16px 0; }
.defaultSection.signup .agreeCheckbox.all{ padding: 16px 20px; background-color: #222; color: #fff; }
.defaultSection.signup .agreeCheckbox input[type=checkbox]{ display: none; }
.defaultSection.signup .agreeCheckbox input[type=checkbox] + .textBox{ color: #7F7F7F; cursor: pointer; display: flex; align-items: center; gap: 10px; }
.defaultSection.signup .agreeCheckbox.all input[type=checkbox] + .textBox{ color: #fff; }
.defaultSection.signup .agreeCheckbox input[type=checkbox] + .textBox .checkbox{ flex-shrink: 0; width: 20px; height: 20px; border: 1px solid #E4E4E4; }
.defaultSection.signup .agreeCheckbox input[type=checkbox]:checked + .textBox .checkbox{ background-image: url('../img/signup/black_check.png'); background-size: 70%; background-repeat: no-repeat; background-position: center; }
.defaultSection.signup .agreeCheckbox.all input[type=checkbox]:checked + .textBox .checkbox{ background-image: url('../img/signup/white_check.png'); }
.defaultSection.signup .agreeInfo{ font-size: 14px; color: #7F7F7F; padding: 20px; border: 1px solid #D9D9D9; height: 120px; overflow-y: scroll; }

@media screen and (max-width: 500px) {
    .defaultSection.signup .inner.small-width{ max-width: unset; }
}
@media screen and (max-width: 400px) {
    .defaultSection.signup .signupAgreeArti{ padding: 15vw 0; }
    .defaultSection.signup .titleBox{ gap: 1vw; }
    .defaultSection.signup .titleBox .logo{ width: 8vw; }
    .defaultSection.signup .titleBox .title{ font-size: 4.5vw; }

    .defaultSection.signup .subTitle{ margin-top: 2vw; font-size: 3.4vw; }
    .defaultSection.signup .stepBox{ max-width: 50vw; margin: 5vw auto; }
    .defaultSection.signup .stepBox .stepWrap .circle{ width: 7vw; height: 7vw; }
    .defaultSection.signup .stepBox .bar{ top: 3vw; left: 5vw; width: 40vw; }
    .defaultSection.signup .stepBox .stepWrap .step{ font-size: 3.2vw; }

    .defaultSection.signup .agreeCheckbox.all{ padding: 3vw 2vw; }
    .defaultSection.signup .agreeCheckbox{ padding: 3vw 0; }
    .defaultSection.signup .agreeCheckbox input[type=checkbox] + .textBox{ gap: 2vw; } 
    .defaultSection.signup .agreeCheckbox input[type=checkbox] + .textBox .checkbox{ width: 5vw; height: 5vw; }
    .defaultSection.signup .agreeCheckbox input[type=checkbox] + .textBox .txt{ font-size: 3.4vw; }
    .defaultSection.signup .agreeInfo{ padding: 3vw; font-size: 3.4vw; }
}


/* [✅] 에스에프원 회원가입신청 [Step 2] */
.defaultSection.signup .signupCategoryDiv{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; }
.defaultSection.signup .signupCategoryDiv .itemBox{ width: calc(100% / 2); padding: 10px; }
.defaultSection.signup .signupCategoryDiv .itemBox .imgBox{ background-color: #dfdfdf; height: 370px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.defaultSection.signup .signupCategoryDiv .itemBox .imgBox.company{ background-image: url('../img/signup/company.png'); }
.defaultSection.signup .signupCategoryDiv .itemBox .imgBox.normal{ background-image: url('../img/signup/normal.png'); }
.defaultSection.signup .signupCategoryDiv .itemBox .imgBox.engineer{ background-image: url('../img/signup/engineer.png'); }
.defaultSection.signup .signupCategoryDiv .itemBox .itemDiv{ margin-top: 10px; padding: 20px 30px; background-color: #fff; border: 1px solid #E4E4E4; border-radius: 4px; display: flex; justify-content: space-between; align-items: center; }
.defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv{ display: flex; align-items: center; gap: 20px; }
.defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv .bold{ font-weight: 700; font-size: 18px; }
.defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv .gray{ color: #7F7F7F; }
.defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .nextBtn{ display: flex; align-items: center; gap: 10px; padding: 12px 15px; border-radius: 10px; background-color: #222; color: #fff; }

@media screen and (max-width: 1250px) {
    .defaultSection.signup .signupCategoryDiv{ width: calc(100% + 10px); margin-left: -5px; }
    .defaultSection.signup .signupCategoryDiv .itemBox{ padding: 5px; }
    .defaultSection.signup .signupCategoryDiv .itemBox .imgBox{ height: 30vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv{ padding: 10px; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv{ gap: 10px; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv .bold{ font-size: 16px; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv .gray{ font-size: 14px; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .nextBtn .arrow{ width: 20px; }
}
@media screen and (max-width: 880px) {
    .defaultSection.signup .signupCategoryDiv{ margin:0 auto; width: 100%; max-width: 500px; }
    .defaultSection.signup .signupCategoryDiv .itemBox{ width: 100%; padding: 0; }
    .defaultSection.signup .signupCategoryDiv .itemBox + .itemBox{ margin-top: 10px; }
    .defaultSection.signup .signupCategoryDiv .itemBox .imgBox{ height: 300px; }
}
@media screen and (max-width: 450px) {
    .defaultSection.signup .signupCategoryDiv .itemBox{ padding: 2vw 0; }
    .defaultSection.signup .signupCategoryDiv .itemBox + .itemBox{ margin-top: 2vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .imgBox{ height: 59vw; border-radius: 3vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv{ margin-top: 2vw; padding: 2vw; border-radius: 2vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv{ gap: 2vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv .bold{ font-size: 4vw; flex-shrink: 0; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .infoDiv .gray{ font-size: 3.2vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .nextBtn{ flex-shrink: 1; padding: 2vw 3vw; border-radius: 1vw; font-size: 3.8vw; gap: 1vw; }
    .defaultSection.signup .signupCategoryDiv .itemBox .itemDiv .nextBtn .arrow{ width: 4vw; }
}

.defaultSection.signup .signupAgreeArti.infoWrite .inner{ max-width: 780px; }
.defaultSection.signup .signupList{ display: flex; flex-wrap: wrap; }
.defaultSection.signup .signupList > li{ padding: 10px; width: calc(100% / 2); }
.defaultSection.signup .signupList > li.full{ width: 100%; }

@media screen and (max-width: 600px) {
    .defaultSection.signup .signupList > li{ width: 100%; }
}
@media screen and (max-width: 400px) {
    .defaultSection.signup .signupList > li{ padding: 2vw 0; }
}


/* [👷‍♂️] 관리자페이지 - 메뉴 (전체 틀) */
.managementSection{ background-color: #222; padding: 40px; padding-left: 0; height: 100vh; display: flex;}
.managementSection .managementMenu{ overflow: hidden;  width: 240px; flex-shrink: 0; font-size: 14px; }
.managementSection .managementMenu .logoBox{ padding: 0 20px; display: flex; gap: 10px; align-items: center; color: #fff; }
.managementSection .managementMenu .menuList{ margin-top: 10px; width: 100%; }
.managementSection .managementMenu .menuList.border-bottom::after{ content:''; display: block; margin: 0 auto; width: calc(100% - 20px); height: 1px; background-color: #fff; }
.managementSection .managementMenu .menuList .item{ background-color: transparent; border: none; width: 100%; padding: 0 40px; display: flex; align-items: center; gap: 20px; }
.managementSection .managementMenu .menuList .item .iconBox{ flex-shrink: 0; }  
.managementSection .managementMenu .menuList .item .iconBox .icon{ width: 18px; }
.managementSection .managementMenu .menuList .item.showHideBtn{ height: 64px; margin-bottom: 20px; background-color: #000; color: #fff; padding: 12px 24px; }
.managementSection .managementMenu .menuList .item.showHideBtn .show{ display: none; }


.managementSection .managementMenu.active .menuList .item.showHideBtn{ background-color: #222; }
.managementSection .managementMenu.active .menuList .item.showHideBtn .show{ display: block; }
.managementSection .managementMenu.active .menuList .item.showHideBtn .hide{ display: none; }

.managementSection .managementMenu .menuList .item .textBox{ text-align: left; color: #fff; } 
.managementSection .managementMenu .menuList .item .textBox .blue{ color: #3E67EE; }
.managementSection .managementMenu .menuList .item .textBox .txt{ line-height: 1.5em; }
.managementSection .managementMenu .menuList .defaultBtn{ padding: 5px 15px; }
.managementSection .managementMenu .menuList .defaultBtn .item{ padding: 10px; height: 40px; }
.managementSection .managementMenu .menuList .defaultBtn .item.active{  background-color: #000; color: #fff; border-radius: 10px; }
.managementSection .managementMenu .menuList .defaultBtn .item.active .textBox{ color: #3E67EE; }
.managementSection .managementMenu .menuList .defaultBtn .item .iconBox .icon.active{ display: none; }
.managementSection .managementMenu .menuList .defaultBtn .item.active .iconBox .icon.active{ display: block; }
.managementSection .managementMenu .menuList .defaultBtn .item.active .iconBox .icon.default{ display: none; }

.managementSection .managementMenu .menuList.tbBar{ position: relative; height: calc(100vh - 500px); }
.managementSection .managementMenu .menuList.tbBar::before{ content:''; display: block; width: calc(100% - 40px); height: 1px; margin: 0 auto; background: #fff; }
.managementSection .managementMenu .menuList.tbBar::after{ content:''; display: block; width: calc(100% - 40px); height: 1px; margin: 0 auto; background: #fff; }

.managementSection .managementMenu .copyRight{ padding: 0 20px; text-align: center; color: #ccc; font-size: 14px; }

.managementSection .managementMenu.active{ width: 70px; }
.managementSection .managementMenu .logoBox{ padding: 0 30px; justify-content: center; }
.managementSection .managementMenu.active .logoBox .txt{ display: none; }
.managementSection .managementMenu.active .menuList .item.showHideBtn{ justify-content: center; }
.managementSection .managementMenu.active .menuList .defaultBtn .item{ justify-content: center; }
.managementSection .managementMenu.active .menuList .item .textBox{ display: none; }
.managementSection .managementMenu.active .copyRight{ display: none; }


.managementSection .managementContent{ font-size: 14px; overflow: hidden !important; flex-grow: 1; height: calc(100vh - 80px); overflow-y: scroll; background-color: #fff; border-radius: 40px; padding: 60px; }
.managementSection .managementContent > .mCustomScrollBox{ overflow: unset !important; }

.managementSection .managementContent.schedule{ padding-bottom: 20px; }
.managementSection .managementContent.schedule .mCSB_container{ overflow: unset; }

@media screen and (max-width: 1450px) {
    .managementSection .managementMenu .menuList.tbBar{ position: relative; height: calc(100vh - 480px); }
    .managementSection .managementMenu .menuList .defaultBtn .item{ padding: 10px 20px; }
    .managementSection .managementMenu .menuList .defaultBtn .item{ height: 50px; }
}
@media screen and (max-width: 1250px) {
    .managementSection{ flex-direction: column; padding: 10px; }

    .managementSection .managementMenu .logoBox{ padding: 10px; position: absolute; left: 0; top: 0; width: 100%; z-index: 9999; }  
    .managementSection .managementMenu .logoBox .txt{ font-size: 14px; }
    .managementSection .managementMenu .logoBox .logo{ width: 35px; }
    .managementSection .managementMenu.active .logoBox .txt{ display: block;  }
    .managementSection .managementMenu{ width: 100%; }
    .managementSection .managementMenu .menuWrap{ position: absolute; left: 0; top: 0; z-index: 9999; width: auto; height: 100vh; background-color: #222; padding-top: 0; }
    .managementSection .managementMenu.active .menuWrap{ width: 60px; height: 58px; overflow: hidden; }
    
    .managementSection .managementMenu .menuList:first-child{ margin-top: 0; }
    .managementSection .managementMenu .menuList.tbBar{ height: calc(100vh - 480px); }

    .managementSection .managementMenu .menuList .item.showHideBtn{ background-color: transparent; padding: 10px 20px; height: 58px; }
    .managementSection .managementMenu .menuList .item .textBox{ font-size: 14px; }
    .managementSection .managementMenu .menuList .item .iconBox .icon{ width: 20px; }

    


    .managementSection .managementMenu .menuList .defaultBtn{ padding: 5px 10px; }
    .managementSection .managementMenu .menuList .defaultBtn .item{ padding: 10px 20px; height: auto; border-radius: 5px; }
    .managementSection .managementContent{ margin-left: 20px; margin-top: 48px; border-radius: 20px;  padding: 20px; }
}

@media screen and (max-width: 500px) {
    .managementSection .managementContent{ padding: 20px 10px; }
}


/* [👷‍♂️] 관리자페이지 - 스케줄 */
.managementContent.schedule .managementTitle .scheduleAddBtn{ padding: 7px 19px; color: #3E67EE; font-size: 14px; border: 1px solid #3E67EE; border-radius: 4px; }
.managementContent.schedule .managementTitle .scheduleBtn{ padding: 7px 19px; color: #3E67EE; font-size: 14px; border: 1px solid #3E67EE; border-radius: 4px; }
.managementContent.schedule .managementTitle .scheduleBtn.blueBtn{ background-color: #3E67EE; color: #fff; }
.managementContent.schedule .scheduleRootArti{ display: flex; gap: 18px; height: calc(100vh - 200px); }
.managementContent.schedule .scheduleRootArti .scheduleRootDiv{ flex-grow: 1; }
.managementContent.schedule .scheduleRootArti .scheduleNoticeDiv{ width: 300px; flex-shrink: 0; }

.managementContent.schedule .scheduleNoticeBox + .scheduleNoticeBox{ margin-top: 12px; }
.managementContent.schedule .scheduleNoticeBox .titleBox{ font-size: 14px; display: flex; align-items: center; justify-content: space-between; padding:10px 20px; border-radius: 6px; color: #fff; background-color: #222;  }
.managementContent.schedule .scheduleNoticeBox .titleBox .toggleBtn{ background-color: transparent; border: none; display: none; }
.managementContent.schedule .scheduleNoticeBox .emptyDiv{ margin-top: 5px; text-align: center; flex-direction: column; min-height: 30vh; display: flex; align-items: center; justify-content: center; gap: 10px; }
.managementContent.schedule .scheduleNoticeBox .emptyDiv .txt{ color: #E4E4E4; }

.managementContent.schedule #calendar{ margin-top: 16px; font-size: 14px; height: calc(100% - 60px) !important;   }
/* .managementContent.schedule #calendar{ margin-top: 16px; font-size: 14px; height: calc(100% - 60px) !important; overflow: hidden;  }   오른쪽끝더보기때문에 위에꺼로 수정함   */
.managementContent.schedule #calendar .fc-prev-button { background-image: url('../img/management/calender/prevBtn.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 20px; height: 20px; border-radius: 0; border: none; background-color: transparent; }
.managementContent.schedule #calendar .fc-next-button { margin-left: 5px; background-image: url('../img/management/calender/nextBtn.png'); background-repeat: no-repeat; background-size: cover; background-position: center; width: 20px; height: 20px; border-radius: 0; border: none; background-color: transparent; }
.managementContent.schedule #calendar .fc-button-primary:focus{ outline: none !important; box-shadow: unset !important;  }
.managementContent.schedule #calendar .fc-prev-button .fc-icon{ display: none; }
.managementContent.schedule #calendar .fc-next-button .fc-icon{ display: none; }

.fc .fc-toolbar-title{ font-size: 20px; }  
.fc-day-other{ background-color: #FCFCFC; }
.fc .fc-daygrid-day.fc-day-today{ background-color: #F7F9FE; }
/* .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{ color: #3E67EE; } */
.fc .fc-col-header { background-color: #F9FBFC; }
.fc .fc-col-header .fc-col-header-cell{ border-right: none !important; border-left: none !important; }

.fc .fc-col-header-cell-cushion{ padding: 10px 4px; }

.fc-direction-ltr .fc-toolbar > * > :not(:first-child){ margin-left: 0.2em !important; }
.fc .fc-button{ padding: 0.2em 0.65em !important; font-size: 0.9em !important; }
.fc-allViewBtn-button{ color: #222 !important;  background-color: #fff !important; border:1px solid #222 !important; }
.fc-allViewBtn-button.on{ background-color: #222 !important; color: #fff !important; }
.fc-inspectionBtn-button{ color: #67B173 !important;  background-color: #fff !important; border:1px solid #67B173 !important; }
.fc-inspectionBtn-button.on{ background-color: #67B173 !important; color: #fff !important; }
.fc-workBtn-button{ color: #3D78E3 !important;  background-color: #fff !important; border:1px solid #3D78E3 !important; }
.fc-workBtn-button.on{ background-color: #3D78E3 !important; color: #fff !important; }
.fc-errorBtn-button{ color: #5B71B9 !important;  background-color: #fff !important; border:1px solid #5B71B9 !important; }
.fc-errorBtn-button.on{ background-color: #5B71B9 !important; color: #fff !important; }
.fc-callBtn-button{ color: #673DDF !important;  background-color: #fff !important; border:1px solid #673DDF !important; }
.fc-callBtn-button.on{ background-color: #673DDF !important; color: #fff !important; }
.fc-emergencyBtn-button{ color: #F17171 !important;  background-color: #fff !important; border:1px solid #F17171 !important; }
.fc-emergencyBtn-button.on{ background-color: #F17171 !important; color: #fff !important; }

.fc-direction-ltr .fc-daygrid-more-link{ width:100%; text-align: center; color: #7F7F7F;  }
.fc .fc-more-popover .fc-popover-body{ min-width: calc(100% - 160px); max-height: 7em; overflow-y: scroll; }
.fc .fc-popover{ max-width: 200px; transform: translateY(-3em); }
.fc .fc-daygrid-day-top{ justify-content: flex-end; font-size: 1em; }

.fc-scroller{ width: 100% !important; }
.fc-col-header { width: 100% !important; }
.fc-daygrid-body{ width: 100% !important; }
.fc-scrollgrid-sync-table{ width: 100% !important; }

.fc-toolbar-chunk > div{ display: flex; gap: 10px; align-items: center; }
.fc-toolbar-chunk > div .fc-nextYear-button{ order: 1; }


@media screen and (max-width: 1250px) {
    .managementContent.schedule .scheduleRootArti{ height: calc(100vh - 120px) }
    .managementContent.schedule #calendar{ font-size: 14px; height: calc(100% - 100px) !important; }
    .managementContent.schedule .scheduleRootArti .scheduleNoticeDiv{ width: 20vw; }
    .managementContent.schedule .scheduleNoticeBox .titleBox{ padding: 10px 15px; }
    .managementContent.schedule .scheduleNoticeBox .emptyDiv{  min-height: unset; padding: 20px 0; font-size: 14px; }

}
@media screen and (max-width: 900px) {
    .managementContent.schedule .scheduleRootArti{ flex-direction: column; }
    .managementContent.schedule .scheduleRootArti .scheduleNoticeDiv{ width: 100%; order: 2; display: flex; gap: 10px; }
    .managementContent.schedule .scheduleRootArti .scheduleNoticeDiv .scheduleNoticeBox{ width: 50%; }
    .managementContent.schedule .scheduleNoticeBox + .scheduleNoticeBox{ margin-top: 0; }

    .managementContent.schedule .scheduleRootArti .scheduleRootDiv{ order: 1;  }
    
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{ min-height: 2em; }
    .fc .fc-popover{ max-width: calc(100% - 160px); margin-left: -50px; }

    .managementContent.schedule .scheduleNoticeBox .titleBox{ cursor: pointer; }
    .managementContent.schedule .scheduleNoticeBox .titleBox .toggleBtn{ display: block; font-size: 20px; }
    .managementContent.schedule .scheduleNoticeBox .titleBox .toggleBtn .plus{ display: none; }
    .managementContent.schedule .scheduleNoticeBox .titleBox .toggleBtn .minus{ display: block; }
    .managementContent.schedule .scheduleNoticeBox .titleBox.on .toggleBtn .plus{ display: block; }
    .managementContent.schedule .scheduleNoticeBox .titleBox.on .toggleBtn .minus{ display: none; }

    .managementContent.schedule .scheduleNoticeBox .titleBox.on + .scheduleList{ display: none; }
    .managementContent.schedule .scheduleNoticeBox .titleBox.on + .emptyDiv{ display: none; }

    .fc .fc-popover{ transform: translateY(0); }

}
@media screen and (max-width: 650px) {
    .managementContent.schedule .scheduleRootArti .scheduleNoticeDiv{ flex-direction: column; gap: 10px; }  
    .managementContent.schedule .scheduleRootArti .scheduleNoticeDiv .scheduleNoticeBox{ width: 100%; }
}
@media screen and (max-width: 600px) {
    .fc .fc-toolbar.fc-header-toolbar{ flex-direction: column; gap: 1vw; position: relative; }
    .fc-toolbar-chunk:first-child .fc-button-group{ position: absolute; display: flex; justify-content: space-between; top: 1vw; left: 0;  }
    .managementContent.schedule #calendar .fc-prev-button{ width: 4vw; height: 4vw; }
    .managementContent.schedule #calendar .fc-next-button{ width: 4vw; height: 4vw; }
}
@media screen and (max-width: 500px) {
    .fc .fc-toolbar-title{ font-size: 5.2vw; }
    .fc .fc-col-header-cell-cushion{ padding: 2vw 1vw; }
    .fc .fc-popover{ max-width: calc(100% - 40vw); margin-left: -20px; }
    .fc .fc-daygrid-day-top{ font-size: 0.9em; }
    .managementContent.schedule .scheduleRootArti #calendar{ font-size: 3vw; }
    .managementContent.schedule .managementTitle .scheduleAddBtn{ font-size: 2.8vw; padding: 1vw 2vw; border-radius: 1vw; }
    .managementContent.schedule .managementTitle .scheduleBtn{ font-size: 2.8vw; padding: 1vw 2vw; border-radius: 1vw; }
    .managementContent.schedule .scheduleNoticeBox .titleBox{ font-size: 14px; padding: 5px 10px; border-radius: 5px; }

    
}
.managementContent.schedule .scheduleNoticeBox .scheduleList{ height: calc(50vh - 149px); padding: 10px 0; /*height: 22.4vw; min-height: 300px;*/  }
.managementContent.schedule .scheduleNoticeBox .scheduleList li{ padding-top: 5px; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item{ 
    background-color: #fff; border-radius: 4px; border: 1px solid #E9EBEC; 
    display: flex; justify-content: space-between; align-items: center; padding: 10px; gap: 6px;
    font-size: 14px;
}
.managementContent.schedule .scheduleNoticeBox .scheduleList .item img{ width: 35px; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .reportBtn{ font-size: 14px; flex-shrink: 0; width: 95px; text-align: center; padding: 4px 0; border-radius: 4px; border: 1px solid #3E67EE; color: #3E67EE; background: #FFF; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .reportBtn.blueBtn{ background-color: #3E67EE; color: #fff; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .reportBtn.redBtn{ border: 1px solid #ee3e4a;  background-color: #ee3e4a; color: #fff; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .reportBtn.blackBtn{ background-color: #222; color: #fff; border-color: #222; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .textDiv .txt .blue{ color: #3D78E3; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .textDiv .txt .red{ color: #E74926; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .textDiv .txt .darkblue{ color: #5B71B9; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .textDiv .txt .purple{ color: #673DDF; }
.managementContent.schedule .scheduleNoticeBox .scheduleList .item .textDiv .content{ color: #777; margin-top: 5px; }

@media screen and (max-width: 1250px) {
    .managementContent.schedule .scheduleNoticeBox .scheduleList{ height: calc(54vh - 151px); }
    .managementContent.schedule .scheduleNoticeBox .scheduleList .item{ font-size: 14px; flex-direction: column; text-align: center; }
    .managementContent.schedule .scheduleNoticeBox .scheduleList .item .reportBtn{ width: 100%; padding: 5px 0; }
}
@media screen and (max-width: 900px) {
    .managementContent.schedule .scheduleNoticeBox .scheduleList{ min-height: unset; height: auto; }
}

/* [👷‍♂️] 관리자페이지 - 스케줄 등록 */
.managementPopupSection{ opacity: 0; visibility: hidden; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; padding: 20px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 9999; }
.managementPopupSection.show{ opacity: 1; visibility: visible; }
.managementPopupSection .managementPopupContent.managementContent.checkSheet{ min-height: 80vh; margin-left: 0; margin-top: 0; }
.managementPopupSection .managementPopupContent{ font-size: 14px; position: relative; border-radius: 4px; max-height: 80vh; width: 100%; max-width: 1200px; background-color: #fff; padding: 20px; }
.managementPopupSection .managementPopupContent.smallWidth{ max-width: 487px; }
.managementPopupSection.signPopupSec .managementPopupContent{ max-width: 350px; }
.managementPopupSection.signPopupSec .popupCloseBtnWrap{ max-width: 350px; }
.managementPopupSection .managementPopupContent .popupTitle{ display: flex; flex-wrap: wrap; gap: 5px; align-items: flex-end; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #E9EBEC; }
.managementPopupSection .managementPopupContent .popupTitle.m-t{ margin-top: 20px; }
.managementPopupSection .managementPopupContent .popupTitle.mt{ margin-top: 20px; }
.managementPopupSection .managementPopupContent .popupTitle .title{ font-weight: 600; font-size: 18px; }
.managementPopupSection .managementPopupContent .popupTitle .red{ color: #F17171; }
.managementPopupSection .managementPopupContent .popupTitle .gray{ color: #7F7F7F; }
.managementPopupSection .managementPopupContent .popupTitle .small{ font-size: 0.95em; margin: 5px 0; }
#scheduleView .managementPopupContent .popupTitle .small:hover{ cursor: pointer; }
#scheduleComplete .managementPopupContent .popupTitle .small:hover{ cursor: pointer; }
.managementPopupContent .popupTitle .small:hover{ cursor: pointer; }

.managementPopupSection .managementPopupContent .formList{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin-left: -5px; }
.managementPopupSection .managementPopupContent .formList > li{ width: calc(100% / 3); padding: 5px; }
.managementPopupSection .managementPopupContent .formList > li.full{ width: 100%; }
.managementPopupSection .managementPopupContent .formList > li.half{ width: calc(100% / 2); }
.managementPopupSection .managementPopupContent .formList > li.half2{ width: calc((100% / 3) * 2); }
.managementPopupSection .managementPopupContent .formList > li.half4{ width: calc(100% / 4); }
.managementPopupSection .managementPopupContent .formList > li.half5{ width: calc(100% / 5); }

.managementPopupSection .managementPopupContent .popupContent{ margin-top: 20px; line-height: 1.5em; }

.managementPopupSection .popupCloseBtnWrap{ display: flex; justify-content: flex-end; width: 100%; max-width: 1200px; }
.managementPopupSection .popupCloseBtnWrap.smallWidth{ max-width: 487px; }
.managementPopupSection .popupCloseBtnWrap .popupCloseBtn{ padding: 5px 0; background-color: transparent; border: none; }

@media screen and (max-width: 900px) {
    .managementPopupSection .managementPopupContent .formList > li{ width: calc(100% / 2); }
    .managementPopupSection .managementPopupContent .formList > li.half2{ width: 100%; }
    .managementPopupSection .managementPopupContent .formList > li.half4{ width: calc(100% / 2); }
    .managementPopupSection .managementPopupContent .formList > li.half5{ width: calc(100% / 2); }

    .managementContent.schedule .scheduleNoticeBox .showDiv.hide{ display: none; }

}
@media screen and (max-width: 650px) {
    .managementPopupSection .managementPopupContent .formList > li{ width: calc(100%); }
    .managementPopupSection .managementPopupContent .formList > li.half{ width: 100%; }
    .managementPopupSection .managementPopupContent .formList > li.half4{ width: calc(100%); }
    .managementPopupSection .managementPopupContent .formList > li.half5{ width: calc(100%); }
}

.managementPopupContent .schedule_engineerDiv { display: flex;  align-items: flex-start; gap: 10px; }
.managementPopupContent .schedule_engineerDiv .default_inputBtn{ max-width: 300px; flex-shrink: 0; }
.managementPopupContent .schedule_engineerDiv .memberList{ flex-grow: 1; display: flex; flex-wrap: wrap; gap: 5px; }
.managementPopupContent .schedule_engineerDiv .memberList .item{ border-radius: 4px; cursor: pointer; display: flex; align-items: center; gap: 4px; padding: 10px; background-color: #EFF2F7; }
.managementPopupContent .schedule_engineerDiv .memberList .item .delBtn{ background-color: transparent; border: none; }
.managementPopupSection .managementPopupContent .management_noticeTitle .txt{ display: inline-block; transform: translateY(2px); }

@media screen and (max-width: 900px) {
    .managementPopupContent .schedule_engineerDiv { flex-wrap: wrap;} 
}
@media screen and (max-width: 650px) {
    .managementPopupContent .schedule_engineerDiv .memberList .item{ font-size: 14px; padding: 5px; }
}

/* [👷‍♂️] 관리자페이지 - 스케줄 삭제 */
.managementPopupSection .managemenmtPopupContent .management_noticeTitle .txt{ margin-left: 4px; }
@media screen and (max-width: 1250px) {
    .managementPopupSection .managementPopupContent .management_noticeTitle .icon{ width: 16px; }
    .managementPopupSection .managementPopupContent .management_noticeTitle{ font-size: 16px; }
}

/* [👷‍♂️] 관리자페이지 - 스케줄 진행 */
.managementPopupSection.scheduleProgressPopup .popupTitle.mt{ margin-top: 40px; }
.managementPopupSection.scheduleProgressPopup .TitleBtnSpaceDiv{ display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: flex-end; }
.managementPopupSection.scheduleProgressPopup .TitleBtnSpaceDiv .btnItem{ padding: 10px 15px; border: 1px solid #3E67EE; color: #3E67EE; background-color: #fff; border-radius: 4px; }
.managementPopupSection.scheduleProgressPopup .TitleBtnSpaceDiv .btnItem.customBtn{ background-color: #222; color: #fff; border-color: #222; }

@media screen and (max-width: 650px) {
    .managementPopupSection.scheduleProgressPopup .TitleBtnSpaceDiv .btnItem{ font-size: 14px; padding: 5px 10px; }
}
/* [👷‍♂️] 관리자페이지 - 스케줄 진행 :: 작업내용 확인 표 */
.default_checkListDiv{ margin-top: 10px; display: flex; flex-direction: column; }
.default_checkListDiv .checkListHeader{ display: flex; width: 100%; text-align: center; border-top: 1px solid #CCCCCC; }
.default_checkListDiv .checkListHeader .cate{ background-color: #F9FBFC; }

.default_checkListDiv .subCategory{ display: flex; flex-direction: column; flex-grow: 1; }

.default_checkListDiv .class{ display:flex; }
.default_checkListDiv .class3{ flex-direction: column; }

.default_checkListDiv .cate{ padding: 10px; border-bottom: 1px solid #ccc; word-break: break-all; }
.default_checkListDiv .cate.center{ text-align: center; }
.default_checkListDiv .cate1{ flex-shrink: 0; width: 165px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #CCC; }
.default_checkListDiv .cate2{ flex-shrink: 0; width: 165px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #CCC; }
.default_checkListDiv .cate3{ flex-grow: 1; }
.default_checkListDiv .cate4{ flex-shrink: 0; width: 125px; border-left: 1px solid #CCC; }
.default_checkListDiv .cate5{ display: flex; align-items: center; justify-content: center; position: relative; flex-shrink: 0; width: 125px; border-left: 1px solid #CCC; display: flex; align-items: center; justify-content: center; }
.default_checkListDiv .cate5 .checklistCheckBtn{ position: absolute; }

.default_checkListDiv .checkListTableBody{ color: #7F7F7F; }

.default_checkListDiv .checkListTableBody .cate.cate3.center:hover {
    background-color: #F9FBFC; /* 원하는 배경색 */
    cursor: pointer;
}
.default_checkListDiv .checkListTableBody .cate.cate5.center:hover {
    background-color: #F9FBFC; /* 원하는 배경색 */
    cursor: pointer;
}

.default_checkListDiv .checkListTableBody .class{ flex-grow: 1; display: flex; }
.default_checkListDiv .checkListTableBody .cate3{ text-align: left; }
.default_checkListDiv .checkListTableBody .cate4{ padding: 0;  display: flex;  }

.default_checkListDiv .cate4 > label{ flex-grow: 1; }
.default_checkListDiv .cate4 > label:first-child{ border-right: 1px solid #ccc; }
.default_checkListDiv .cate4 > label input[type="radio"]{ display: none; }
.default_checkListDiv .cate4 > label input[type="radio"] + .textBox{ cursor: pointer; display: flex; height: 100%; align-items: center; justify-content: center; }
.default_checkListDiv .cate4 > label input[type="radio"]:checked + .textBox.blueBox{ color: #3E67EE; background-color: rgba(55, 87, 255, 0.2); }
.default_checkListDiv .cate4 > label input[type="radio"]:checked + .textBox.redBox{ color: #E74926; background-color: rgba(231, 73, 38, 0.2); }
.default_checkListDiv  .cate5 .checklistCheckBtn{ background-color: #222; padding: 4px 10px; border-radius: 10px; color: #fff; border: 1px solid #fff; }

@media screen and (max-width: 1250px) {
    .default_checkListDiv{ font-size: 14px; }
    .default_checkListDiv .cate1{ width: 100px; }
    .default_checkListDiv .cate2{ width: 100px; }
    .default_checkListDiv .cate4{ width: 100px; }
    .default_checkListDiv .cate5{ width: 70px; }
}
@media screen and (max-width: 800px) {
    .default_checkListDiv .checkListHeader{ display: none; }
    .default_checkListDiv .checkListTableBody{ border: 1px solid #CCC; border-bottom: unset; }
    .default_checkListDiv .checkListTableBody .class1{ flex-direction: column; }

    .default_checkListDiv .cate1{ width: 100%; background-color: #efefef; border-right: none; font-weight: 600; }
    .default_checkListDiv .cate2{ width: 70px; }   
}
@media screen and (max-width: 500px) {
    .default_checkListDiv{ font-size: 3vw; }
    .default_checkListDiv .cate{ padding: 2vw; }
    .default_checkListDiv .cate2{ width: 15vw; }
    .default_checkListDiv .cate4{ width: 17vw; }
    .default_checkListDiv .cate5{ width: 15vw; }

    .default_checkListDiv .cate5 .checklistCheckBtn{ padding: 1vw 2vw; border-radius: 1vw; }
}

/* [👷‍♂️] 관리자페이지 - 특이사항 클릭시 */
.managementPopupSection.significant .default_label.rightBtn{ display: flex; align-items: flex-end; justify-content: space-between; }
.managementPopupSection.significant .default_label.rightBtn .delBtn{ background: transparent; border: none; font-size: 14px; color: #FF4D00; }
.managementPopupSection.significant .default_label.center{ text-align: center; }
.managementPopupSection.significant .halfBox{ display: flex; flex-wrap: wrap; width: calc(100% + 5px); transform: translateX(-3px); }
.managementPopupSection.significant .halfBox > .box{ width: calc(100% / 2); padding: 2.5px; }
.managementPopupSection.significant .default_ipt + .default_ipt{ margin-top: 5px; }

.managementPopupSection.significant .fileDiv{ display: block;  }
.managementPopupSection.significant .fileDiv input[type="file"]{ display: none; }
.managementPopupSection.significant .fileDiv input[type="file"] + .imgBox{ 
    background-color: #222; color: #fff; border-radius: 4px; padding: 10px; display: flex; 
    flex-direction: column; align-items: center; justify-content: center; height: 220px; 
    background-size: cover; background-repeat: no-repeat; background-position: center;
}
.managementPopupSection.significant .fileDiv input[type="file"] + .imgBox .txtBox{ display: flex; justify-content: center; gap:8px; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center; }
.managementPopupSection.significant .fileDiv input[type="file"] + .imgBox.hide .txtBox{ opacity: 0; visibility: hidden; }

.managementPopupSection.significant .halfBox .default_btnList{ margin-top: 5px; }
.managementPopupSection.significant .halfBox .default_btnList > li{ flex-grow: 1; }
.managementPopupSection.significant .halfBox .default_btnList > li .btnItem{ width: 100%; font-size: 14px; padding:7px; }

@media screen and (max-width: 700px) {
    .managementPopupSection.significant .halfBox.file > .box{ width: 100%; }
}

.managementPopupSection .topBottomBtn{ position: relative; background: pink; width:100%; max-width: 1200px; }
.managementPopupSection .topBottomBtn.smallWidth{ max-width: 487px; }
.managementPopupSection .topBottomBtn .btnWrap{ display: flex; 
    justify-content: flex-start; align-items: flex-start;  flex-direction: row;
    gap: 5px; position: absolute; left: 0; bottom: 0;
}
.managementPopupSection .topBottomBtn .btnIcon{  box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25); background-color: transparent; border: none; }
.managementPopupSection .topBottomBtn .bottomBtn .icon{ transform: rotate(180deg); }
@media screen and (max-width: 700px) {
    .managementPopupSection.topBottomBtn .topBottomBtn .btnIcon{ width: 25px;  }
    .managementPopupSection.topBottomBtn .topBottomBtn .btnIcon .icon{ width: 100%; }
}


/* [👷‍♂️] 관리자페이지 - 보고서 */

.managementPopupSection.report .halfBox4{ display: flex; flex-wrap: wrap; margin-left: -2.5px; }
.managementPopupSection.report .halfBox4 > li{ width: calc(100% / 4); padding: 5px; }
.managementPopupSection.report .halfBox4 > li.half2{ width: calc((100% / 4) * 2); }
.managementPopupSection.report .reportInfoDiv .reportInfoDiv{ width: 100%; margin: 0; border: none; }


.managementPopupSection.report .reportInfoDiv .fourWrap{ display: flex; }
.managementPopupSection.report .reportInfoDiv .half.fourWrap + .half.fourWrap{ border-left: none; }
.managementPopupSection.report .reportInfoDiv .fourWrap .titleBox.halfTitle{ width: 55px; }
.managementPopupSection.report .reportInfoDiv .fourWrap .contentWrap{ flex-grow: 1; display: flex; flex-direction: column; }
.managementPopupSection.report .reportInfoDiv .fourWrap .column{ display: flex; flex-grow: 1; }
.managementPopupSection.report .reportInfoDiv .fourWrap .columnDiv{ width: 200px; display: flex; flex-grow: 1; border-left: 1px solid #ccc;  }
.managementPopupSection.report .reportInfoDiv .fourWrap .column + .column{ border-top: 1px solid #CCC; }
.managementPopupSection.report .reportInfoDiv .fourWrap .half4{ flex-grow: 1; display: flex; }
.managementPopupSection.report .reportInfoDiv .fourWrap .half4:first-child { width: calc((100% / 2 ) - 55px); max-width: 300px; }
.managementPopupSection.report .reportInfoDiv .fourWrap.first .half4:first-child .titleBox{ width: calc(114px - 56px); padding: 5px; }
.managementPopupSection.report .reportInfoDiv .fourWrap.first .half4:first-child .contentBox{ width: calc(100% - 20px); }
.managementPopupSection.report .reportInfoDiv .fourWrap .border-left{ border-left: 1px solid #CCC; }

.managementPopupSection.report .reportInfoDiv .showImgBox{ width: 180px; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.managementPopupSection.report .reportInfoDiv .contentBox.imgBox{ display: flex; align-items: center; justify-content: center; }

.managementPopupSection.report .addDelBtnWrap{ position: relative; margin-top: 20px; display: flex; gap: 2px; }
.managementPopupSection.report .addDelBtnWrap + .reportInfoDiv{ margin-top: 5px; }
.managementPopupSection.report .addDelBtnWrap .adBtn{ background-color: #fff; padding: 5px 10px; border: 1px solid #222; color: #222; border-radius: 4px; font-size: 14px; }
.managementPopupSection.report .addDelBtnWrap .adBtn.addBtn{ color: #3E67EE; border-color: #3E67EE; }
.managementPopupSection.report .addDelBtnWrap .adBtn.delBtn{ color: #F17171; border-color: #F17171; }

@media screen and (max-width: 1250px) {
    .managementPopupSection.report .reportInfoDiv .fourWrap .half4:first-child{ max-width: 21vw; }
}
@media screen and (max-width: 900px) {
    .managementPopupSection.report .reportInfoDiv .fourWrap .half4:first-child{ max-width: 50%; }
}

/* [👷‍♂️] 관리자페이지 - 검색 */

.managementContent.search .managementTitle .searchPopupBtn{ font-size: 14px; background-color: #3D78E3; border-radius: 4px; padding: 8px 20px; color: #fff; border: 1px solid #3D78E3; } 

.managementContent.search .searchFilterDiv{ background-color: #fff; border: 1px solid #E4E4E4; padding: 15px 20px; border-radius: 4px; margin-top: 14px; font-size: 14px; }
.managementContent.search .searchFilterDiv .filterList{ display: flex; flex-wrap: wrap; gap: 10px; }
.managementContent.search .searchFilterDiv .filterList label{ display: block; cursor: pointer; }
.managementContent.search .searchFilterDiv .filterList label input{ display: none; }
.managementContent.search .searchFilterDiv .filterList label input + .text{ padding: 5px 20px; text-align: center; border: 1px solid #D9D9D9; border-radius: 4px; }
.managementContent.search .searchFilterDiv .filterList label input + .text.radius{ border-radius: 100px;  }
.managementContent.search .searchFilterDiv .filterList label input:checked + .text{ background-color: #3E67EE; border-color: #3E67EE; color: #fff; }


.managementContent.search .sortListDiv .backBtn{ display: none; }

@media screen and (max-width: 1250px) {
    .managementContent.search .managementTitle .searchPopupBtn{ padding: 6px 20px; font-size: 14px; }
    .managementContent.search .searchFilterDiv{ padding: 10px 13px; }
    .managementContent.search .searchFilterDiv .filterList{ gap: 5px; } 
    .managementContent.search .searchFilterDiv .filterList label input + .text{ padding: 5px 15px;  }

}
@media screen and (max-width: 500px) {
    .managementContent.search .searchFilterDiv .filterList label input + .text{ font-size: 14px; }
    .managementPopupSection.report .halfBox4 > li.half2{ width: 100%; }
}

.managementContent.search .sortListDiv{  margin-top: 26px; font-size: 14px; display: flex; justify-content: flex-end; color: #7F7F7F; }
.managementContent.search .sortListDiv .sortList{ display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.managementContent.search .sortListDiv .sortList > li:nth-child(1){ margin-right: 5px; }
.managementContent.search .sortListDiv .sortList .item{ padding: 5px 10px; border: 1px solid #E4E4E4; background-color: #fff; border-radius: 4px; }
.managementContent.search .sortListDiv .sortList .item.active{ background-color: #222; border-color: #222; color: #fff; }

.managementContent.search .sortListDiv .backBtn{ opacity: 0; visibility: hidden; }

@media screen and (max-width: 500px) {
    .managementContent.search .sortListDiv .sortLis{ font-size: 14px; }
    .managementContent.search .sortListDiv .sortList .item{ font-size: 14px; }

}

.managementContent.search .searchResultDiv{ min-height: calc(100vh - 420px); font-size: 14px; margin-top: 10px; border-top: 2px solid #E9EBEC; display: flex; }
.managementContent.search .searchResultDiv .searchHead{ background-color:#F9FBFC; display: flex; border-bottom: 2px solid #E9EBEC; }
.managementContent.search .searchResultDiv .searchHead .cell{ text-align: center;  }


.managementContent.search .searchResultDiv .cell{ padding: 10px; display: flex; align-items: center; justify-content: center; }
.managementContent.search .searchResultDiv .cell.company{ width: 120px; flex-shrink: 0; }
.managementContent.search .searchResultDiv .cell.factory{ width: 80px; flex-shrink: 0; }
.managementContent.search .searchResultDiv .cell.equipment{ flex-grow: 1; }
.managementContent.search .searchResultDiv .cell.exhalation{ width: 70px; flex-shrink: 0; }
.managementContent.search .searchResultDiv .cell.cumulative{ width: 100px; flex-shrink: 0; }
.managementContent.search .searchResultDiv .cell.exhalation{ width: 70px; flex-shrink: 0; }
.managementContent.search .searchResultDiv .cell.cumulative{ width: 80px; flex-shrink: 0; }

.managementContent.search .searchResultDiv .cell.count{ width: 50%; flex-shrink: 0; }
.managementContent.search .searchResultDiv .cell.division{ width: 50%; flex-shrink: 0; }

.managementContent.search .searchResultDiv .cell.department{ width: calc((100% - 160px) / 5); }
.managementContent.search .searchResultDiv .cell.person{ width:62px; }
.managementContent.search .searchResultDiv .cell.engineer{ width: calc(100% - 62px - 120px - 70px - 70px - ((100% - 160px) / 5 * 2)); }
.managementContent.search .searchResultDiv .cell.date{ width: calc((100% - 160px) / 5); }
.managementContent.search .searchResultDiv .cell.time{ width: 120px; }
.managementContent.search .searchResultDiv .cell.checksheet{ width:70px; padding: 4px 5px; }
.managementContent.search .searchResultDiv .cell.report{ width: 70px; padding: 4px 5px; }

.managementContent.search .searchResultDiv .searchBody{ -ms-overflow-style: none; color: #7F7F7F; max-height: calc(100vh - 420px); overflow-y: scroll;  }
.managementContent.search .searchResultDiv .searchBody::-webkit-scrollbar { display: none; }
.managementContent.search .searchResultDiv .searchBody .row{ cursor: pointer; border-bottom: 1px solid #E9EBEC; display: flex; text-align: center; }
.managementContent.search .searchResultDiv .searchBody .row:hover{ background-color: #D8E1FC; color: #3E67EE; }
.managementContent.search .searchResultDiv .searchBody .row.active{ background-color: #D8E1FC; color: #3E67EE; }

.managementContent.search .searchResultDiv .searchWrap.one{ width: 40%; }
.managementContent.search .searchResultDiv .two{ width: 13%; border-left: 1px solid #E9EBEC; }
.managementContent.search .searchResultDiv .three{ flex-grow: 1; border-left: 1px solid #E9EBEC; }

.managementContent.search .searchResultDiv .checkBtn{ background-color: #3E67EE; color: #fff; font-size: 13px; border: 1px solid #3E67EE; padding: 2px; width: 100%; text-align: center; border-radius: 4px; }
.managementContent.search .searchResultDiv .checkBtn.skyblue{ background-color: #5B71B9; border-color: #5B71B9; }
@media screen and (max-width: 1660px) {

    .managementContent.search .searchResultDiv .cell.department{ width: calc((100% - 160px) / 5); }
    .managementContent.search .searchResultDiv .cell.person{ width: calc((100% - 160px) / 5); }
    .managementContent.search .searchResultDiv .cell.engineer{ width: calc((100% - 160px) / 5); }
    .managementContent.search .searchResultDiv .cell.date{ width: calc((100% - 160px) / 5); }
    .managementContent.search .searchResultDiv .cell.time{ width: calc((100% - 35px) / 5); }

    .managementContent.search .sortListDiv{ justify-content: space-between; }
    .managementContent.search .searchResultDiv{ height: calc(100vh - 500px); }
    .managementContent.search .searchResultDiv .searchWrap{ display: none; } 
    .managementContent.search .searchResultDiv .searchWrap.one{ display: block; width: 80%; }
    .managementContent.search .searchResultDiv .searchWrap.two{ display: block; flex-grow: 1; }
    .managementContent.search .searchResultDiv .searchWrap.show{ display: block; } 
   
    .managementContent.search .searchResultDiv{ position: relative; }
    .managementContent.search .searchResultDiv .searchWrap{ background-color: #fff; }

    .managementContent.search .searchResultDiv .one{ width: calc((100% / 3) * 2); }
    .managementContent.search .searchResultDiv .two{ width: calc(100% / 3); }
    .managementContent.search .searchResultDiv .three{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-left: 0; }
    /* one */
    .managementContent.search .searchResultDiv .cell.company{ width: 10vw; }
    .managementContent.search .searchResultDiv .cell.factory{ width: calc((100% - 10vw) / 4); }
    .managementContent.search .searchResultDiv .cell.equipment{ width: calc((100% - 10vw) / 4); }
    .managementContent.search .searchResultDiv .cell.exhalation{ width: calc((100% - 10vw) / 4); }
    .managementContent.search .searchResultDiv .cell.cumulative{width: calc((100% - 10vw) / 4); }
    
    .managementContent.search .searchResultDiv .cell.division{ width: calc(100% / 2); }
    .managementContent.search .searchResultDiv .cell.count{ width: calc(100% / 2); }

    .managementContent.search .sortListDiv .backBtn{  display: flex; align-items: center; gap: 4px; font-size: 14px; background-color: #fff; border: 1px solid #3D78E3; border-radius: 4px; padding: 5px; color: #3D78E3; }
    .managementContent.search .sortListDiv .backBtn .icon{ width: 15px; }
    .managementContent.search .sortListDiv .backBtn.two{ opacity: 1; visibility: visible; }
}
@media screen and (max-width: 850px) {
    .managementContent.search .searchResultDiv{  height: calc(100vh - 400px); }
    .managementContent.search .searchResultDiv .searchWrap.one{ width: 100%; }

    .managementContent.search .searchResultDiv .cell.company{ width: 20vw; }
    .managementContent.search .searchResultDiv .cell.factory{ width: calc((100% - 20vw) / 4); }
    .managementContent.search .searchResultDiv .cell.equipment{ width: calc((100% - 20vw) / 4); }
    .managementContent.search .searchResultDiv .cell.exhalation{ width: calc((100% - 20vw) / 4); }
    .managementContent.search .searchResultDiv .cell.cumulative{width: calc((100% - 20vw) / 4); }

    .managementContent.search .searchResultDiv .searchWrap.two{ display: none; }
    .managementContent.search .searchResultDiv .searchWrap.two.show{ display:block; }
    
    .managementContent.search .searchResultDiv .two{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-left: none; }
    .managementContent.search .searchResultDiv .cell{ padding: 1vw; font-size: 2vw; }
    .managementContent.search .searchResultDiv .checkBtn{ padding: .5vw; border-radius: .5vw; font-size: 2vw; }
}
@media screen and (max-width: 650px) {
    .managementContent.search .sortListDiv .sortList > li:nth-child(1){ display: none; }
    .managementContent.search .searchResultDiv{ height: calc(100vh - 400px); }
    .managementContent.search .searchResultDiv .searchBody{ max-height: calc( 100vh - 400px); }
    /* three */
    .managementContent.search .searchResultDiv .cell{ font-size: 2.6vw; padding: 2vw 1vw; }
    .managementContent.search .searchResultDiv .checkBtn{ font-size: 2.4vw; }
    .managementContent.search .searchResultDiv .cell.department{width: calc((100% - 24vw) / 5); }
    .managementContent.search .searchResultDiv .cell.person{width: calc((100% - 24vw) / 5); }
    .managementContent.search .searchResultDiv .cell.engineer{width: calc((100% - 24vw) / 5); }
    .managementContent.search .searchResultDiv .cell.date{width: calc((100% - 24vw) / 5); }
    .managementContent.search .searchResultDiv .cell.time{width: calc((100% - 24vw) / 5); }
    .managementContent.search .searchResultDiv .cell.checksheet{ width: 12vw; }
    .managementContent.search .searchResultDiv .cell.report{ width: 12vw; } 
}
@media screen and (max-width: 500px) {
    .managementContent.search .searchResultDiv .searchHead .cell{ font-size: 2.4vw; }
    .managementContent.search .searchResultDiv .cell{ font-size: 2.9vw; }
}

.managementPopupSection.searchFilter .formList > li{ width: 100%; }
.managementPopupSection.searchFilter .default_radio_boxtype .radioWrap input + .radioText{ width: 106px; }
@media screen and (max-width: 500px) {
    .managementPopupSection.searchFilter .default_radio_boxtype .radioWrap input + .radioText{ width: 75px; }
}

/* [👷‍♂️] 관리자페이지 - 설비군 */
.managementContent .equipmentList{ display: flex; flex-wrap: wrap; margin-top: 20px; width: calc(100% + 20px); margin-left: -10px; }
.managementContent .equipmentList > li{ padding: 10px; width: calc(100% / 6); }
.managementContent .equipmentList .item{ height: 100%; display: flex; flex-direction: column; align-items: flex-start; border-radius: 10px; border: 1px solid #E9EBEC; background: #FFF; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.06); padding: 20px; }
.managementContent .equipmentList .item .category{ font-size: 14px; color: #7F7F7F; }
.managementContent .equipmentList .item .title{ flex-grow: 1; margin-top: 5px; font-size: 18px; font-weight: 700; }
.managementContent .equipmentList .item .imgBox{ margin: 20px 0 0 0; width: 100%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #dfdfdf; }
.managementContent .equipmentList .item .modifyBtn{ margin-top: 18px; padding: 4px 16px; background: rgba(150, 182, 240, 1); color: #fff; border-radius: 4px; border: 1px solid #96B6F0; font-size: 14px; }
.managementContent .equipmentList .addBtn{ color: #fff; gap: 6px; border: 1px solid #222; background-color: #222; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 10px; min-height: 140px; font-size: 14px; }

.managementPopupSection.equipmentAdd .formList > li{ width: 100%; }
.managementPopupSection.equipmentAdd .formList > li.half3{ width: calc(100% / 3); position: relative; }
.managementPopupSection.equipmentAdd .formList > li.half3 .default_ipt{ width: calc(100% - 4px); }
.managementPopupSection.equipmentAdd .formList > li.half3 .text{ width: calc(100% - 4px); padding: 12px 10px; }
.managementPopupSection.equipmentAdd .formList > li.half3 .bar{ position: absolute; right: 0; bottom: 10px; color: #7F7F7F; } 

.managementContent .equipmentList .item.active{ border: 1px solid #3E67EE; }
.managementContent .equipmentList .item.active .title{ color: #3E67EE; }

@media screen and (max-width: 1600px) {
    .managementContent .equipmentList { width: calc(100% + 10px); margin-left: -5px; }
    .managementContent .equipmentList > li{ width: calc(100% / 5); padding: 5px; }
}
@media screen and (max-width: 1250px) {
    .managementContent .equipmentList > li{ width: calc(100% / 4); }
    .managementContent .equipmentList .item .category{ font-size: 14px; }
    .managementContent .equipmentList .item .title{ font-size: 18px; }
    .managementContent .equipmentList .item .modifyBtn{ font-size: 14px; padding: 6px 15px; }
}
@media screen and (max-width: 900px) {
    .managementContent .equipmentList > li{ width: calc(100% / 3); }
}
@media screen and (max-width: 650px) {
    .managementContent .equipmentList > li{ width: calc(100% / 2); }
    .managementContent .equipmentList .item{ padding: 15px; }
    .managementContent .equipmentList .item .title{ font-size: 16px; }
    .managementContent .equipmentList .item .imgBox{ height: 30vw; }
    .managementContent .equipmentList .addBtn{ min-height: 120px; }
    .managementContent .equipmentList .addBtn.imgBtn{ min-height: 274px; }
}
@media screen and (max-width: 500px) {
    .managementContent .equipmentList > li{ width:100%; }
    .managementPopupSection.equipmentAdd .formList > li.half3{ width: 100%; }
    .managementPopupSection.equipmentAdd .formList > li.half3 .default_ipt{ width: calc(100%); }
    .managementPopupSection.equipmentAdd .formList > li.half3 .text{ width: calc(100%); padding: 5px 0; }
    .managementPopupSection.equipmentAdd .formList > li.half3 .bar{ display: none; }
}

/* [👷‍♂️] 관리자페이지 - 체크시트 */
.managementContent.checkSheet .managementTitle{ justify-content: flex-start; gap: 10px; }
.managementContent.checkSheet .managementTitle .information{ color: #7F7F7F; }
.managementContent.checkSheet .equipmentList .duBtn{ word-break: keep-all; border-radius: 10px; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.06); padding:50px 20px; height: 100%; color: #fff; background-color: #222; display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.managementContent.checkSheet .equipmentList .duBtn p{ word-break: keep-all; text-align: center; }
.managementContent.checkSheet .equipmentList .duBtn.uploadBtn{ background-color: #96b6F0; }
.managementContent.checkSheet .equipmentList .duBtn.uploadBtn input[type="file"]{ display: none; }


@media screen and (max-width: 650px) {
    .managementContent.checkSheet .equipmentList .duBtn .icon{ width: 15px; }
    .managementContent.checkSheet .equipmentList .duBtn{ font-size: 14px;  }
    .managementContent.checkSheet .managementTitle .information{ font-size: 14px; }
}

.managementContent.checkSheet .equipmentList .equipItem{ height: 100%; display: flex; flex-direction: column; border: 1px solid #E9EBEC; box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.06); padding: 30px 20px; border-radius: 10px; font-size: 14px; }
.managementContent.checkSheet .equipmentList .equipItem.blue{ background-color: #3E67EE; color: #fff; }
.managementContent.checkSheet .equipmentList .equipItem .title{ word-break: break-all; align-items: flex-start; font-size: 18px; font-weight: 700; flex-grow: 1; display: flex; gap: 5px; }
.managementContent.checkSheet .equipmentList .equipItem .title .icon{ width: 15px; margin-top: 3px; }
.managementContent.checkSheet .equipmentList .equipItem .btnWrap{ margin-top: 20px; display: flex; flex-wrap: nowrap; gap: 5px; width: calc(100% + 10px); margin-left: -5px; display: flex; }
.managementContent.checkSheet .equipmentList .equipItem .customBtn{ word-break: keep-all; width: calc(100% / 2); border: 1px solid #E4E4E4; color: #7F7F7F; padding: 5px; text-align: center; border-radius: 4px; }
.managementContent.checkSheet .equipmentList .equipItem .customBtn.redBtn{ color: #F17171; border-color: #F17171; }
.managementContent.checkSheet .equipmentList .equipItem.blue .customBtn{ background-color: #3E67EE; border-color: #fff; color: #fff; }
.managementContent.checkSheet .equipmentList .equipItem .customBtn.white{ background-color: #fff; color: #3E67EE; }

@media screen and (max-width: 1250px) {
    .managementContent.checkSheet .equipmentList .equipItem{ padding: 20px; }
    .managementContent.checkSheet .equipmentList .equipItem .customBtn{ font-size: 14px; }
}
@media screen and (max-width: 500px) {
    /* .managementContent.checkSheet .equipmentList .equipItem .btnWrap{ flex-wrap: wrap; } */
    .managementContent.checkSheet .equipmentList .equipItem .customBtn{ width: 100%; }
}

/* [👷‍♂️] 관리자페이지 - 체크시트 :: 커스텀 삭제시 */
.managementPopupSection.checkSheetDel .management_noticeTitle{ margin:20px 0; text-align: center; font-size: 18px; font-weight: 700; }
.managementPopupSection.checkSheetDel .center{ text-align: center; }
.managementPopupSection.checkSheetDel .gray{ color: #7F7F7F; }


/* [👷‍♂️] 관리자페이지 - 체크시트 커스텀 */
.managementContent.checkSheet .systemTitle{ margin: 20px 0; display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; justify-content: space-between; }
.managementContent.checkSheet .systemTitle .gray{ color: #7F7F7F; }
.managementContent.checkSheet .systemTitle .title{ font-size: 20px; font-weight: 700; }

@media screen and (max-width: 650px) {
    .managementContent.checkSheet .systemTitle{ gap: 5px; }
    .managementContent.checkSheet .systemTitle .title{ font-size: 16px; }
}

.managementContent.checkSheet .checkSheetDiv{ background: #fff; }
.managementContent.checkSheet .checkSheetDiv.customScrollBar{ max-height: 350px; }
.managementContent.checkSheet .checkSheetDiv .titleDiv { cursor: pointer; padding: 15px 10px; text-align: center; font-size: 18px; margin-top: 28px; border-top: 2px solid #CCC; }
.managementContent.checkSheet .checkSheetDiv .titleDiv.bg{ background-color:#EDF0F2; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable{ border-top: 2px solid #CCC; border-bottom: 1px solid #CCC; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .tableTitle{  color: #7F7F7F; border-bottom: 1px solid #CCC; background-color: #F9FBFC; display: flex; text-align: center; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .box{ padding: 10px 20px; display: flex; align-items: center; justify-content: flex-start; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .box + .box{ border-left: 1px solid #CCC; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .box1{ width: 188px; flex-shrink: 0;  }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .box2{ width: 256px; flex-shrink: 0; }


.managementContent.checkSheet .checkSheetDiv .checkSheetTable .checkBody .box1{ cursor: pointer; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .checkBody .box2{ cursor: pointer; }

.managementContent.checkSheet.show .checkSheetDiv .checkSheetTable .checkBody .box1,
.managementContent.checkSheet.show .checkSheetDiv .checkSheetTable .checkBody .box2{ cursor: default; }

.managementContent.checkSheet .checkSheetDiv .checkSheetTable .box3{ width:calc((100% - 188px - 256px) / 2); flex-shrink: 0; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .box4{ width:calc((100% - 188px - 256px) / 2); flex-shrink: 0; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .row{ display: flex; width: 100%; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .no-borderLeft{ border-left: none !important; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .column{ border-left: 1px solid #CCC; flex-direction: column; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .column .row + .row{ border-top:1px solid #CCC; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box2{ width: 255px; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box3{ width: calc((100% - 255px) / 2); }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box4{ width: calc((100% - 255px) / 2); }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .gray{ color: #7F7F7F; line-height: 1.5em; align-items: flex-start; }
.managementContent.checkSheet .checkSheetDiv .checkSheetTable .center{ text-align: center; justify-content: center; }

.managementContent.checkSheet .bgWrap{ position: relative; background-color: #fff; padding: 20px 0; }
.managementContent.checkSheet .blackBgTitle{ 
    background-color: #222; font-size: 18px; padding: 10px; border-radius: 4px; color: #fff; 
    display: flex; justify-content: space-between; align-items: center;
    cursor: pointer;
}
.managementContent.checkSheet .blackBgTitle .toggleIcon{ background-color: transparent; border: none; }
.managementContent.checkSheet .blackBgTitle .toggleIcon .minus{ display: none; }
.managementContent.checkSheet .blackBgTitle.active .toggleIcon .minus{ display: block; }
.managementContent.checkSheet .blackBgTitle.active .toggleIcon .plus{ display: none; }

.managementContent.checkSheet .showHideDiv.hide{ display: none; }

@media screen and (max-width: 1250px) {
    .managementContent.checkSheet .checkSheetDiv .titleDiv{ font-size: 16px; padding: 10px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box{ padding: 10px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable{ font-size: 14px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box1{ width: 100px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box2{ width: 150px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box3{ width:calc((100% - 100px - 150px) / 2); }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box4{ width:calc((100% - 100px - 150px) / 2); }

    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box2{ width: 149px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box3{ width: calc((100% - 149px) / 2); }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box4{ width: calc((100% - 149px) / 2); }

    /* .managementContent.checkSheet .bgWrap{ padding: 5px 5px; } */
}
@media screen and (max-width: 800px) {
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row1{ display: flex; flex-direction: column; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .tableTitle{ border-bottom: none; display: none; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box1{ width: 100%; justify-content: center; border-bottom: 1px solid #CCC; background-color: #f2f2f2; border-right: none; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row{ border-left: none !important; }
}
@media screen and (max-width: 650px) {
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box2{ width: 80px; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box3{ width: calc((100% - 80px) / 2); }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box4{ width: calc((100% - 80px) / 2); }
}
@media screen and (max-width: 500px) {
    .managementContent.checkSheet .checkSheetDiv .titleDiv{ font-size: 3.2vw; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable{ font-size: 3vw; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .box{ padding: 2vw; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box2{ width: 15vw; }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box3{ width: calc((100% - 15vw) / 2); }
    .managementContent.checkSheet .checkSheetDiv .checkSheetTable .row .box4{ width: calc((100% - 15vw) / 2); }
}

/* [👷‍♂️] 관리자페이지 - 체크시트 : 로딩화면 */
.loadingPopupSection{ 
    position: fixed; left : 0; top: 0; display: flex; align-items: center; justify-content: center; 
    background-color: rgba(0,0,0,0.6); z-index: 999; left: 0; top: 0; width: 100%; height: 100%; padding: 20px;
}
.loadingPopupSection.hide{ opacity: 0; visibility: hidden;  }
.loadingPopupSection .contentBox .icon{ animation: loadingIconRotate linear 2s infinite; }
.loadingPopupSection .contentBox{ width: 100%; max-width: 487px; border-radius: 10px; background-color: #fff; padding: 40px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center; }
.loadingPopupSection .contentBox .txt{ font-size: 18px; font-weight: 700; }

@media screen and (max-width: 1250px) {
    .loadingPopupSection .contentBox .txt{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .loadingPopupSection .contentBox{ gap: 10px; max-width: 80%; }
    .loadingPopupSection .contentBox .icon{ width: 50px; }
    .loadingPopupSection .contentBox .txt{ font-size: 14px; }
}

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

.managementContent.checkSheet .btnWrap{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 5px; }
.managementContent.checkSheet .btnWrap .callBtn{ padding: 5px 15px; border-radius: 4px; border: none; color: #fff; background-color:#3D78E3; }
.managementContent.checkSheet .btnWrap .callBtn.black{ background-color: #222; }

@media screen and (max-width: 650px) {
    .managementContent.checkSheet .btnWrap .callBtn{ font-size: 14px; padding: 5px 10px; }
}

/* [👷‍♂️] 관리자페이지 - 체크시트 : 분류 선택시 */
.managementPopupSection.checkSheetCategory .category{ color: #7F7F7F; }
.managementPopupSection.checkSheetCategory .halfTitle{ display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px; margin-top: 6px; align-items: flex-end; }
.managementPopupSection.checkSheetCategory .halfTitle .title{ font-size: 20px; font-weight: 700; }
.managementPopupSection.checkSheetCategory .halfTitle .title .green{ color: #67B173; }
.managementPopupSection.checkSheetCategory .halfTitle .title .blue{ color: #3D78E3; }
.managementPopupSection.checkSheetCategory .halfTitle .date{ color: #7F7F7F; }
.managementPopupSection.checkSheetCategory .cateogoryList{ display: flex; flex-wrap: wrap; margin-top: 20px; width: calc(100% + 20px); margin-left: -10px; }
.managementPopupSection.checkSheetCategory .cateogoryList > li{ padding: 10px; width: calc(100% / 2); }
.managementPopupSection.checkSheetCategory .cateogoryList .item{ height: 100%; background-color: #F3F3F9; border-radius: 4px; padding: 20px; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.managementPopupSection.checkSheetCategory .cateogoryList .item .textBox .title{ font-size: 20px; font-weight: 700; }
.managementPopupSection.checkSheetCategory .cateogoryList .item .textBox .title span{ color: #3D78E3; }
.managementPopupSection.checkSheetCategory .cateogoryList .item .textBox .content{ color: #7F7F7F; margin-top: 6px; }
.managementPopupSection.checkSheetCategory .cateogoryList .item .playBtn{ flex-shrink: 0; padding: 10px 30px; color: #fff; background-color: #3D78E3; border-radius: 4px; border: none; }
.managementPopupSection.checkSheetCategory .cateogoryList .item.red .textBox .title span{ color: #F17171; }
.managementPopupSection.checkSheetCategory .cateogoryList .item.red .playBtn{ background-color: #F17171; }
.managementPopupSection.checkSheetCategory .cateogoryList .item.green .textBox .title span{ color: #67B173; }
.managementPopupSection.checkSheetCategory .cateogoryList .item.green .playBtn{ background-color: #67B173; }
.managementPopupSection.checkSheetCategory .cateogoryList .item.purple .textBox .title span{ color: #5B71B9; }
.managementPopupSection.checkSheetCategory .cateogoryList .item.purple .playBtn{ background-color: #5B71B9; }

@media screen and (max-width: 1250px) {
    .managementPopupSection.checkSheetCategory .cateogoryList{ width: calc(100% + 10px); margin-left: -5px; }
    .managementPopupSection.checkSheetCategory .cateogoryList > li{ padding: 5px; }

    .managementPopupSection.checkSheetCategory .category{ font-size: 14px; }
    .managementPopupSection.checkSheetCategory .halfTitle .title{ font-size: 18px; }
    .managementPopupSection.checkSheetCategory .halfTitle .date{ font-size: 14px; }

    .managementPopupSection.checkSheetCategory .cateogoryList .item .textBox .title{ font-size: 16px; }
    .managementPopupSection.checkSheetCategory .cateogoryList .item .textBox .content{ font-size: 14px; }
    .managementPopupSection.checkSheetCategory .cateogoryList .item .playBtn{ padding: 7px 15px; }
    
}
@media screen and (max-width: 650px) {
    .managementPopupSection.checkSheetCategory .cateogoryList .item{ flex-direction: column; text-align: center; padding: 20px 10px; }
    .managementPopupSection.checkSheetCategory .cateogoryList .item .textBox .content{ word-break: keep-all; }   
    .managementPopupSection.checkSheetCategory .cateogoryList .item .playBtn{ font-size: 14px; padding: 7px 10px; }
}

/* [👷‍♂️] 관리자페이지 -  보고서 등록 :: 보고서 항목 커스텀 */
.managementPopupContent.reportCustom .reportLoadDiv{ padding: 20px 0; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; border-bottom: 1px solid #E9EBEC; margin-bottom: 20px; }
.managementPopupContent.reportCustom .reportLoadDiv select.default_ipt{ max-width: 279px; }

@media screen and (max-width: 650px) {
    .managementPopupContent.reportCustom .reportLoadDiv{ flex-direction: column; align-items: flex-start; gap: 5px; }
    .managementPopupContent.reportCustom .reportLoadDiv select.default_ipt{ max-width: unset; }
}

.managementPopupContent .formList.noClick{ position: relative; }
.managementPopupContent .formList.noClick > li.cover{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.5); }

.managementPopupContent.reportCustom .default_label .checkboxWrap input[type="checkbox"]{ display: none; }
.managementPopupContent.reportCustom .default_label .checkboxWrap input[type="checkbox"] + .checkText{ cursor: pointer; position: relative; padding-left: 25px; }
.managementPopupContent.reportCustom .default_label .checkboxWrap input[type="checkbox"] + .checkText::before{ content:''; display: block; width: 18px; height: 18px; border-radius: 4px; border: 1px solid #7F7F7F; position: absolute; left: 0; top: 0; }
.managementPopupContent.reportCustom .default_label .checkboxWrap input[type="checkbox"]:checked + .checkText::before{ background-image: url('../img/management/report/checkIcon.svg'); background-size: 70%; background-repeat: no-repeat; background-position: center; border-color: #3D78E3; }

.managementPopupContent.reportCustom .paymentDiv{ margin-top: 10px; }
.managementPopupSection.report .managementPopupContent.reportCustom .bottomRightCheckBox{ margin-top: 10px; justify-content: flex-start; }

/* [👷‍♂️] 관리자페이지 -  보고서 등록 :: 보고서 관리자등록 */
.managementPopupSection.reportAdd .reportList{ margin-top: 20px;  }
.managementPopupSection.reportAdd .reportList .listHeader{ text-align: center; display: flex; background-color: #F9FBFC; border-top: 2px solid #E9EBEC; border-bottom: 1px solid #E9EBEC; }
.managementPopupSection.reportAdd .reportList .box{ padding: 10px; }
.managementPopupSection.reportAdd .reportList .box1{ flex-grow: 1; }
.managementPopupSection.reportAdd .reportList .box2{ flex-shrink: 0; width: 100px; display: flex; align-items: center; justify-content: center; }
.managementPopupSection.reportAdd .reportList .box4{ flex-shrink: 0; width: 100px; display: flex; align-items: center; justify-content: center;  width: 140px; flex-shrink: 0; }
.managementPopupSection.reportAdd .reportList .box3{ flex-shrink:0; padding: 10px 5px; width: 60px; display: flex; align-items: center; justify-content: center; }
.managementPopupSection.reportAdd .reportList .listBody{ text-align: center; }
.managementPopupSection.reportAdd .reportList .listBody .row{ display: flex; border-bottom: 1px solid #E9EBEC; }
.managementPopupSection.reportAdd .reportList .reportBtn{ padding: 5px 10px; border-radius: 4px; border: 1px solid #E4E4E4; color: #7F7F7F;  }
.managementPopupSection.reportAdd .reportList .reportBtn.blueBtn{ background-color: #3E67EE; color: #fff; border: none;  }
.managementPopupSection.reportAdd .reportList .reportBtn.redBtn{ background-color: #F17171; color: #fff; border: none; }

@media screen and (max-width: 650px) {
    .managementPopupSection.reportAdd .reportList{ font-size: 2.4vw; }
    .managementPopupSection.reportAdd .reportList .box{ padding: 2vw; }
    .managementPopupSection.reportAdd .reportList .box2{ width: 20vw; }
    .managementPopupSection.reportAdd .reportList .box3{ padding: 2vw 1vw; }
    .managementPopupSection.reportAdd .reportList .reportBtn{ padding: 1vw 2vw; border-radius: .5vw; }
}
@media screen and (max-width: 500px) {
    .managementPopupSection.reportAdd .reportList{ font-size: 3.2vw; }
    .managementPopupContent.reportCustom .default_label .checkboxWrap input[type="checkbox"] + .checkText::before{ max-width: 16px; max-height: 16px; width: 4vw; height: 4vw; border-radius: .5vw; }
    .managementPopupContent.reportCustom .default_label .checkboxWrap input[type="checkbox"] + .checkText{ padding-left: 5vw; }
}
@media screen and (max-width: 400px) {
    .managementPopupSection.reportAdd .reportList{ font-size: 3.4vw; }
}
/* [👷‍♂️] 관리자페이지 -  기업 회원관리 */
.managementContent.memberSetting .managementTitle{ gap: 10px; }
.managementContent.memberSetting .managementTitle .memberMenu{ flex-grow: 1; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.managementContent.memberSetting .managementTitle .memberMenu .gray{ color: #7F7F7F; }
.managementContent.memberSetting .managementTitle .memberMenu .blue{ color: #3E67EE; }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox{ display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-end; }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .ipt{ padding: 4px 10px; border: 1px solid #E4E4E4; } 
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .defaultBtn{ padding: 5px 10px; border-radius: 4px; color: #fff; border: none; display: block; }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .defaultBtn.blackBtn{ background-color: #222; }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .defaultBtn.blueBtn{ background-color: #3E67EE; }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .searchWrap{ position: relative;  }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .searchWrap .default_ipt{ padding: 5px 10px; padding-right: 35px; }
.managementContent.memberSetting .managementTitle .memberMenu .searchBox .searchWrap .searchBtn{ height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; padding: 5px 10px; right: 0; top: 0; background-color: transparent; border: none; }
.managementContent.memberSetting .managementTitle .memberMenu .filterList{ display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; }
.managementContent.memberSetting .managementTitle .memberMenu .filterList .item{ background-color: #fff; padding: 5px 10px; border-radius: 4px; border: 1px solid #E4E4E4; }
.managementContent.memberSetting .managementTitle .memberMenu .filterList .item.active{ border-color:#3E67EE; background-color: #3E67EE; color: #fff; }

.managementPopupSection.reportAdd.companyAdd .reportList .box1{ display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 650px) {
    .managementContent.memberSetting .managementTitle .memberMenu{ font-size: 14px; }
    .managementPopupSection.reportAdd.companyAdd .reportList .box1{ flex-shrink: 0; width: 12vw; }
    .managementPopupSection.reportAdd .reportList .box4{ width: 26vw; }
}

.managementContent.memberSetting .memberListDiv{ margin-top: 20px; text-align: center; width: 100%; }
.managementContent.memberSetting .memberListDiv .listHeader{ display: flex; background-color: #F9FBFC; border-top: 1px solid #E9EBEC; border-bottom: 1px solid #E9EBEC; }
.managementContent.memberSetting .memberListDiv .box{ padding: 10px; }
.managementContent.memberSetting .memberListDiv .box1{ width: 250px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv .box2{ width: 100px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv .box3{ width: 150px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv .box4{ width: 150px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv .box5{ width: 150px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv.admin .box5{ flex-grow: 1; }
.managementContent.memberSetting .memberListDiv .box6{ width: 200px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv .box7{ width: calc((100% - 1124px) / 2); flex-shrink: unset; }
.managementContent.memberSetting .memberListDiv .box8{ width: 62px; flex-shrink: 0; }
.managementContent.memberSetting .memberListDiv .listBody .row{ overflow: hidden; display: flex; border-bottom: 1px solid #E4E4E4; }
.managementContent.memberSetting .memberListDiv .listBody .row:nth-child(2n){ background-color: #FAFAFA; }
.managementContent.memberSetting .memberListDiv .listBody .box{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.managementContent.memberSetting .memberListDiv .listBody .viePageBtn{ font-size: 13px; padding: 5px 10px; border-radius: 4px; background-color: #222; color: #fff; flex-shrink: 0;  }

@media screen and (max-width: 1600px) {
    .managementContent.memberSetting .memberListDiv .box1{ width: 200px; }
    .managementContent.memberSetting .memberListDiv .box2{ width: 100px; }
    .managementContent.memberSetting .memberListDiv .box3{ width: 100px; }
    .managementContent.memberSetting .memberListDiv .box4{ width: 100px; }
    .managementContent.memberSetting .memberListDiv .box7{ width: calc((100% - 975px) / 2);} 
}
@media screen and (max-width: 1450px) {
    .managementContent.memberSetting .memberListDiv .box6{ width: 140px; }
    /* .managementContent.memberSetting .memberListDiv .box7{ width: 140px; } */
    .managementContent.memberSetting .memberListDiv .box8{ width: 60px; }
    .managementContent.memberSetting .memberListDiv .box7{ width: calc((100% - 911px) / 2);} 
}
@media screen and (max-width: 1320px) {
    .managementContent.memberSetting .memberListDiv .listHeader{ flex-wrap: wrap; }
    .managementContent.memberSetting .memberListDiv .listBody .row{ flex-wrap: wrap; }
    .managementContent.memberSetting .memberListDiv .box1{ width: 50%; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box2{ width: 25%; border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box3{ width: 25%; border-bottom: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box4{ width: calc(100% / 2); border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box5{ width: calc(100% / 2); flex-grow: unset; border-bottom: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box6{ width: calc(100% / 2); border-bottom: 1px solid #E4E4E4;  border-right: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box7{ width: calc(50% / 2); border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box8{ width: calc(100% / 2); border-bottom: 1px solid #E4E4E4;   }

    .managementContent.memberSetting .memberListDiv.admin .box8{ width: calc(50% / 2); }
}

@media screen and (max-width: 650px) {
    .managementContent.memberSetting .memberListDiv{ font-size: 2.4vw; }
    .managementContent.memberSetting .memberListDiv .box{ padding: 1vw 1vw; }
    .managementContent.memberSetting .default_ipt{ padding: 2vw 1vw; }
    .managementContent.memberSetting .memberListDiv .listBody .viePageBtn{ padding: 1vw 3vw; }
    .managementContent.memberSetting .memberListDiv .box7{ width: calc(100% / 2); border-bottom: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; }
    .managementContent.memberSetting .memberListDiv .box8{ width: calc(50% / 2);}
    .managementContent.memberSetting .memberListDiv.admin .box7{ border-right: none; }
    .managementContent.memberSetting .memberListDiv.admin .box8{ width: calc(100%); }
}
@media screen and (max-width: 500px) {
    .managementContent.memberSetting .memberListDiv{ font-size: 3vw; }
}

/* [👷‍♂️] 관리자페이지 -  기업 회원관리 :: 상세 */
.managementSection.memberSetting .memberInfoList{ margin-top: 20px; display: flex; flex-wrap: wrap; border-top: 1px solid #E9EBEC; }
.managementSection.memberSetting .memberInfoList > li{ display: flex; width: 100%; border-bottom: 1px solid #E9E9E9; }
.managementSection.memberSetting .memberInfoList > li.half{ width: calc(100% / 2); }
.managementSection.memberSetting .memberInfoList .label{ width: 180px; flex-shrink: 0; background-color: #FAFAFA; padding: 18px; display: flex; align-items: center; justify-content: flex-start; text-align: center; }
.managementSection.memberSetting .memberInfoList .label .red{ color: #E74926; }
.managementSection.memberSetting .memberInfoList .inputDiv{ padding: 18px; flex-grow: 1; display: flex; align-items: center; }
.managementSection.memberSetting .default_ipt.max-width{ max-width: 604.5px; }
@media screen and (max-width: 1250px) {
    .managementSection.memberSetting .memberInfoList .label{ font-size: 14px; width: 120px; }
}
@media screen and (max-width: 800px) {
    .managementSection.memberSetting .memberInfoList > li.half{ width: 100%; }
    .managementSection.memberSetting .memberInfoList .inputDiv{ font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .managementSection.memberSetting .memberInfoList .label{ padding: 3vw 2vw; font-size: 3vw; width: 20vw; }
    .managementSection.memberSetting .memberInfoList .inputDiv{ padding: 3vw 2vw; font-size: 3vw; }
    .managementSection.memberSetting .default_inputBtn{ gap: 1.5vw; font-size: 3vw; }
    .managementSection.memberSetting .default_inputBtn .default_iptBtn{ padding: 2vw 2vw; font-size: 3vw; width: 15vw; } 
}

.managementSection.memberSetting .companyDiv{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.managementSection.memberSetting .companyDiv .item{ padding: 7px 15px; border-radius: 4px; border: none; background-color:#EFF2F7; }
.managementSection.memberSetting .companyDiv .item.blueBtn{ background-color: #3E67EE; color: #fff; }

/* [👷‍♂️] 관리자페이지 -  기업 설비군 추가 */
.managementPopupSection.equipmentAdd .equipmentImg{ max-width: 100%; margin: 10px 0; }
.managementPopupSection.equipmentAdd .deleteFileLabel{ display: block; }
.managementPopupSection.equipmentAdd .deleteFileLabel input[type="checkbox"]{ display: none; }
.managementPopupSection.equipmentAdd .deleteFileLabel input[type="checkbox"] + .textbox{ cursor: pointer; font-size: 14px; color: #7F7F7F; position: relative; padding-left: 20px; }
.managementPopupSection.equipmentAdd .deleteFileLabel input[type="checkbox"] + .textbox::before{ content:''; display: block; width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 4px; position: absolute; left: 0; top: 0; }
.managementPopupSection.equipmentAdd .deleteFileLabel input[type="checkbox"]:checked + .textbox::before{ background-image: url('../img/management/checkSheet/checkIcon.svg'); background-size: 110%; background-repeat: no-repeat; background-position: center; }

/* [👷‍♂️] 관리자페이지 -  기업 , 회원정보 수정 */
.managementSection.memberSetting .memberInfoList .inputDiv.default_filde_info{ flex-direction: column; align-items: flex-start; }
.managementSection.memberSetting .memberInfoList .inputDiv.default_filde_info .logoImg{ width: 200px; max-width: 100%; margin: 10px 0;  }

.managementSection.memberSetting .memberDeleteBtnDiv{ margin-top: 20px; display: flex; justify-content:center; color: #7F7F7F; font-size: 14px; }
.managementSection.memberSetting .inputDiv .default_inputBtn{ width: 100%; }

/* [👷‍♂️] 관리자페이지 -  회원제거 (탈퇴) */
.managementSection.memberSetting .memberDeleteDiv{ margin: 20px auto; max-width: 1000px; font-size: 18px; line-height: 1.5em; }
.managementSection.memberSetting .memberDeleteDiv .dotList{ margin-top: 10px 0; color: #7F7F7F; }
.managementSection.memberSetting .memberDeleteDiv .dotList > li{ position: relative; padding-left: 20px; }
.managementSection.memberSetting .memberDeleteDiv .dotList > li:before{ content:'・'; position: absolute; left: 0; top: 0; }

.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable{ margin-top: 20px; }
.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .tableHeader{ display: flex; border-bottom: 1px solid #E4E4E4; }
.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .box{ padding: 10px; }
.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .box1{ flex-grow: 1; }
.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .box2{ width: 40%; } 
.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .tableBody{ color: #7F7F7F; font-size: 16px; }
.managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .tableBody .row{ display: flex; border-bottom: 1px solid #E4E4E4; }

.managementSection.memberSetting .memberDeleteDiv .checkWrap{ margin-top: 20px; display: flex; padding-left: 30px; position: relative; }
.managementSection.memberSetting .memberDeleteDiv .checkWrap input[type="checkbox"]{ display: none;  }
.managementSection.memberSetting .memberDeleteDiv .checkWrap input[type="checkbox"] + .text{ cursor: pointer; }   
.managementSection.memberSetting .memberDeleteDiv .checkWrap input[type="checkbox"] + .text::before{ position: absolute; left: 0; top: 4px; content:''; display: block; width: 20px; height: 20px; border: 1px solid #222; }
.managementSection.memberSetting .memberDeleteDiv .checkWrap input[type="checkbox"]:checked + .text::before{ background-color: #222; background-image: url('../img/management/white_checkIcon.svg'); background-size: 80%; background-repeat: no-repeat; background-position: center; }

@media screen and (max-width: 650px) {
    .managementSection.memberSetting .memberDeleteDiv{ font-size: 16px; }  
    .managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .box2{ width: 100px; } 
    .managementSection.memberSetting .memberDeleteDiv .memberDeleteTable .tableBody{ font-size: 14px; }
    .managementSection.memberSetting .memberDeleteDiv .checkWrap{ padding-left: 28px; }
    .managementSection.memberSetting .memberDeleteDiv .checkWrap input[type="checkbox"] + .text::before{ top: 2px; }
}

/* 2024년 7월 15일 수정사항 1차 */
/* 관리자페이지 - 캘린더 */
.managementSection .managementContent.schedule > .mCSB_container{ overflow: unset !important; display: flex; }
#calendar tbody .fc-day-sat { /*background-color: #f1faff;*/ color: blue; }
#calendar tbody .fc-day-sun { /*background-color: #fdf3f4;*/ color: red; }
#calendar .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{ min-height: 4em; }
#calender .fc .fc-popover{ transform: translateY(-3em); }
/* .fc-day-other.fc-next { display: none;} */
#calender .fc-scrollgrid-sync-table tbody tr:last-child .fc-day-other{ display: none; }

@media screen and (max-width: 900px) {
    .managementContent.schedule #calendar{ min-height: 75vh !important; }
    .managementContent.schedule .scheduleRootArti{ height: auto; }
}
/* .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{ min-height: 3em; } */

@media screen and (min-width: 1250px) {
    .managementSection .managementMenu:hover{ width: 240px; }
    .managementSection .managementMenu:hover .menuList .item .textBox{ display: block; }
    .managementSection .managementMenu:hover .menuList .item.showHideBtn{ padding: 12px 24px; justify-content: flex-start; }
    .managementSection .managementMenu:hover .menuList .item{ padding: 10px; }
    .managementSection .managementMenu:hover .logoBox .txt{ display: block; }
    .managementSection .managementMenu:hover .menuList .defaultBtn .item{ justify-content: flex-start; }
    .managementSection .managementMenu:hover .copyRight{ display: block; }
}

.managementPopupSection.signPopupSec .signBox{ max-width: 100%; width: 300px; height: 300px; border: 1px solid #7F7F7F; margin:10px auto 0 auto; }
.managementPopupSection.signPopupSec .default_btnList{ margin-top: 10px; } 
.managementPopupSection.signPopupSec .default_btnList .btnItem{ font-size: 14px; }

.managementPopupSection#sign4 .popupCloseBtnWrap{ max-width: 340px; }
.managementPopupSection#sign5 .popupCloseBtnWrap{ max-width: 340px; }
.managementPopupSection#sign4 .managementPopupContent{ max-width: 340px; }
.managementPopupSection#sign5 .managementPopupContent{ max-width: 340px; }
.managementPopupSection#sign4 .signBox{ overflow: hidden; width: 265px; height: 46px; max-width: 100%; }
.managementPopupSection#sign5 .signBox{ overflow: hidden; width: 265px; height: 100px; max-width: 100%; }
/* .managementPopupSection.signPopupSec .signBox canvas{ max-width: 100% !important; } */

/* 더보기 클릭시 width값설정 */
.fc .fc-popover-body .fc-daygrid-event-harness{
    min-width: 150px;
}
/* 스케줄에 마우스 올리면 포인터 */
.fc .fc-daygrid-event-harness{
    cursor: pointer;  
}

.fc-day-sat {
    background-color: #e0f7fa; /* Light blue for Saturday */
}

.fc-day-sun {
    background-color: #ffebee; /* Light red for Sunday */
}

/* 달력높이설정 */
.fc-daygrid-day {
    height: 65px !important; 
}



/* 글씨영역침범방지 */
/* 넘치는 부분 숨기기 */
.fc-event-main{
    overflow: hidden; 
}

/* .managementSection .managementContent.schedule > .mCSB_1_scrollbar{ display: none !important; } */
@media screen and (max-width: 1250px) {
    /* .managementSection .managementContent.schedule > .mCSB_1_scrollbar{ display: block !important; } */
    /* .managementContent.schedule #calendar{ height: calc(100% - 80px) !important; } */
}
@media screen and (max-width: 900px) {
    .managementContent.schedule .scheduleRootArti .scheduleRootDiv{ flex-grow: unset; min-height: 600px; }
}


/*============================ privacy ============================*/
.f_popup_bg{ 
    background-color:rgba(0,0,0,0.5); position:fixed;
    left:0; top:0; width:100%; height:100%; z-index:9999; 
    display:flex; align-items: center; justify-content: center;
    padding:10px; font-family: 'Noto Sans KR', sans-serif;
    opacity:0; visibility: hidden; transition: all 0.5s;

}
.f_popup_bg.on{ opacity:1; visibility: visible; }
.f_popup_bg .popup_box{ width:90%; max-width:480px; }
.f_popup_bg .btn_wrap{ width:100%; display:flex; justify-content: flex-end; }
.f_popup_bg .btn_wrap .btn{ width:30px; height:30px; cursor:pointer; padding:0; }
.f_popup_bg .btn_wrap .btn span{ display:block; width:100%; height:2px; background-color:#fff;  }
.f_popup_bg .btn_wrap .btn span:nth-child(1){ transform: translateY(14px) rotate(-45deg); -webkit-transform: translateY(14px) rotate(-45deg); }
.f_popup_bg .btn_wrap .btn span:nth-child(2){ transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); }
.f_popup_bg .content_wrap{ background-color:#fff; overflow-y: scroll; max-height: 60vh; padding:40px 30px; margin-top:10px; }
.f_popup_bg .content_wrap p.title{ text-align:center; font-weight: 600; font-size: 20px;  }
.f_popup_bg .content_wrap p.content{ font-size: 16px; margin-top:30px; font-weight: 300;  }

.f_popup_bg .btnWrap{ margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.f_popup_bg .btnWrap .item{ padding: 10px 20px; border: unset; border-radius: 4px; font-size: 14px; }
.f_popup_bg .btnWrap .item.closeBtn{ background-color: #F17171; color: #fff; }

@media screen and (max-width: 650px) {
    .f_popup_bg .content_wrap p.content{ font-size: 14px; margin-top: 20px; }
    .f_popup_bg .content_wrap{ padding: 20px 15px;  }
    .f_popup_bg .btnWrap .item{ padding: 5px 10px; }
}





.detailDiv .ipt{ padding: 4px 10px; border: 1px solid #E4E4E4; } 
.formList .btnBox{ display: flex; flex-wrap: wrap; gap: 3px; }


.managementPopupSection.significant .default_label .btnTitle .upDownBtnWrap{ display: flex; align-items: center; justify-content: center; }
.managementPopupSection.significant .default_label .btnTitle{ display: flex; align-items: center; gap: 5px; }
.managementPopupSection.significant .default_label .btnTitle .udBtn{ display: flex; align-items: center; justify-content: center; width: 19px; height: 19px; background-color: transparent; border: none; border: 1px solid #dedede; border-radius: 2px; }
.managementPopupSection.significant .default_label .btnTitle .udBtn img{ width: 16px; }
.managementPopupSection.significant .default_label .btnTitle .udBtn.downBtn img{ display: block; transform: rotate(180deg); }



/* .ui-timepicker-viewport{ -webkit-overflow-scrolling: touch; }
.ui-timepicker, .ui-timepicker-viewport{ height: unset !important; }
.ui-timepicker-standard{ height: 200px !important; overflow-y: scroll;  } */

.ui-timepicker-viewport{ height:auto !important; }

.managementSection .managementMenu.active .menuList .defaultBtn .item.bell.show .default{ display: none; }
.managementSection .managementMenu.active .menuList .defaultBtn .item.bell.show .active{ display: block; }
.managementSection .managementMenu .menuList .defaultBtn .item.bell{ position: relative; }
.managementSection .managementMenu .menuList .defaultBtn .item.bell .bubble{ position: absolute; left: 24px; top: -5px; width: 20px; height: 20px; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #3D78E3; color: #fff; }
.managementSection .managementMenu.active .menuList .defaultBtn .item.bell.show .bubble{ display: block; }

.bellPopupSection{ opacity: 0; visibility: hidden; padding:10px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; }
.bellPopupSection.show{ opacity: 1; visibility: visible; }
.bellPopupSection .popupContent{ width:100%; max-width: 487px; }
.bellPopupSection .popupContent .popupCloseBtnWrap{ display: flex; align-items: center; justify-content: flex-end; }
.bellPopupSection .popupContent .popupCloseBtnWrap .managementPopupCloseBtn{ background-color: transparent; border: none; }
.bellPopupSection .popupContent .contentDiv{ margin-top: 10px; background-color: #fff; border-radius: 10px; padding: 20px; }
.bellPopupSection .popupContent .contentDiv .title{ text-align: center; font-size: 18px; font-weight: 700; }
.bellPopupSection .popupContent .contentDiv .contentList{ font-weight: 700; margin: 20px auto 0 auto; max-width: 260px; }
.bellPopupSection .popupContent .contentDiv .contentList > li + li{ border-top: 1px solid #D9D9D9; }
.bellPopupSection .popupContent .contentDiv .contentList > li{ align-items: center; padding: 10px 0; display: flex; justify-content: space-between; }
.bellPopupSection .popupContent .contentDiv .contentList .count{ display: flex; align-items: center; flex-shrink: 0; }
.bellPopupSection .popupContent .contentDiv .contentList .count .number{ color: #3E67EE; }
.bellPopupSection .popupContent .contentDiv .closeBtn{ display: block; width: 100%; border: 1px solid #222222; max-width: 260px; margin: 20px auto 0 auto; padding: 10px; color: #fff; background: #222; font-size: 18px; border-radius: 4px; }

.bellPopupSection .popupContent .contentDiv .contentList .count .notification_btn{ font-weight: 400; border: none; background-color: #F9FBFC; color: #7F7F7F; margin-left: 10px; display: flex; align-items: center; gap: 5px; padding: 5px; }

.bellPopupContentSection{ opacity: 0; visibility: hidden; padding: 10px; background-color: rgba(0,0,0,.5); left: 0; top: 0; width: 100%; height: 100%; position: fixed; z-index: 999999; display:flex; align-items:center; justify-content: center;  }
.bellPopupContentSection.show{ opacity: 1; visibility: visible; }
.bellPopupContentSection .popupContent{ width: 100%; max-width: 814px;  }
.bellPopupContentSection .popupContent .whiteBox{ padding: 40px; background-color: #fff; max-height: 70vh; margin-top: 10px; border-radius: 10px; }
.bellPopupContentSection .popupContent .whiteBox .popupTitle{ padding-bottom: 5px; border-bottom: 1px solid #D9D9D9; font-weight: 700; font-size: 18px;  }
.bellPopupContentSection .popupContent .whiteBox .tabList{ margin: 16px 0; display: flex; flex-wrap: wrap; gap: 2px; }
.bellPopupContentSection .popupContent .whiteBox .tabList .item{ padding: 6px 16px; border-radius: 6px; border: 1px solid #e4e4e4; background-color: #fff; color: #7f7f7f; font-size: 14px; }
.bellPopupContentSection .popupContent .whiteBox .tabList .item.active{ background-color: #222; color: #fff; }
.bellPopupContentSection .popupContent .whiteBox .boardList{ border-top: 1px solid #D9D9D9;  }
.bellPopupContentSection .popupContent .whiteBox .boardList > .no_read{ gap: 10px; display: flex; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #D9D9D9; background-color: #d1ddee;}
.bellPopupContentSection .popupContent .whiteBox .boardList > li{ gap: 10px; display: flex; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #D9D9D9; }
.bellPopupContentSection .popupContent .whiteBox .boardList .d1{ padding: 5px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; font-weight: 700; width: 120px; flex-shrink: 0; }
.bellPopupContentSection .popupContent .whiteBox .boardList .d2{ padding: 5px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #7f7f7f; flex-grow: 1; }
.bellPopupContentSection .popupContent .whiteBox .boardList .d3{ padding: 5px 0; width:60px; flex-shrink: 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #7f7f7f; }
.bellPopupContentSection .popupContent .whiteBox .boardList .d4{ padding: 0 5px; }
.bellPopupContentSection .popupContent .whiteBox .paging_item{  font-size: 14px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 4px; border-radius: 4px; border: 1px solid #BDBDBD; background: #FFF; color: #666; }
.bellPopupContentSection .popupContent .whiteBox .paging_item.active{ background-color: #0500FF; color: #fff; border-color: #0500FF; }
.bellPopupContentSection .btnBox{ display: flex; align-items: center; justify-content: flex-end; }
.bellPopupContentSection .btnBox .closeBtn{ background: transparent; border: none; }
.bellPopupContentSection .popupContent .whiteBox .boardList .item{ padding: 5px; border-radius: 4px; border: 1px solid #efefef; font-size: 13px; background-color: #fff; color:#7f7f7f; }

@media screen and (max-width: 650px) {
    .bellPopupContentSection .popupContent .whiteBox{ padding: 40px 20px; }
    .bellPopupContentSection .popupContent .whiteBox .boardList .d1{ width: 100px; }
    .bellPopupContentSection .popupContent .whiteBox .boardList{ font-size: 14px; }
    .bellPopupContentSection .popupContent .whiteBox .paging_item{ width: 24px; height: 24px; }
}

.managementPopupSection.equipmentAdd .deleteFileLabel button{ padding: 5px; border-radius: 4px; border: 1px solid #dfdfdf; font-size: 13px; background-color: #fff; color:#7f7f7f; margin-top: 5px; }

/* 알림 버블 */
#noticeBubble { opacity: 0;visibility: hidden; transition: opacity .5s, visibility .5s; font-size: 14px; position: fixed; bottom: 158px; left: 65px; z-index: 99; background-color: #3D78E3; border-radius: 4px; padding: 10px; color: #fff; }
#noticeBubble.active{ opacity: 1; visibility: visible; }
@media screen and (max-width: 1250px) {
    #noticeBubble{ top: 60px ; left: 10px; bottom: unset; }
}