@charset "UTF-8";

/* Margin Top */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

/* Margin Bottom */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }

/* Margin Left */
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

/* Margin Right */
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }

/* Padding Top */
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

/* Padding Bottom */
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }

/* Padding Left */
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }

/* Padding Right */
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }

/* display:none */
.fade{display:none !important;}
.hidden-tag{display:none !important;}
.visible-hidden{visibility:hidden;}

/* ellipsis */
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* flex class  */
.d-flex {display:flex;}
.direction-column {flex-direction:column;}

.justify-content-center {justify-content:center;}
.justify-content-end {justify-content:flex-end;}
.justify-spance-between {justify-content:space-between;}
.align-items-center {align-items:center;} 
.align--items--end {align-items:flex-end;}

.inline-block{display:inline-block};

.softsignal_logo{background:url(../images/softsignal_logo2.png) no-repeat 50% 50%;width:100px;}
.ic_ready_content{background:url(../images/ic_ready_content.svg) no-repeat 50% 50%;width:100%; height:100%;}
.underline_poiner{text-decoration: underline;cursor:pointer;}
.underline_poiner:hover{opacity:0.7;}
/* .grid_box.size1{height:calc(100vh - 184px); overflow-y:auto} */

/* button style  */

.absolute_btn_center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.absolute_btn_left{position:absolute;top:50%;left:35%;transform:translate(-50%, -50%);}
.absolute_btn_right{position:absolute;top:50%;left:65%;transform:translate(-50%, -50%);}
	
.btn_upload{position:relative;display:inline-block;min-width:90px;height:32px;line-height:30px;padding:0 14px;vertical-align:middle;text-align:center;font-size:12px ! important;color:#8097b7;font-weight:700;border:1px solid #8097b7;border-radius:4px;background:#f4f6f9;transition:all 0.2s ease-in-out;}
.btn_upload:before{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/icn_upload.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btn_upload:hover{color:#fff;background:#8097b7}
.btn_upload:hover:before{background:url(../images/icn_w_upload.svg) no-repeat 50% 50%/contain;}


.btn_end_search{position:relative;display:inline-block;min-width:90px;height:32px;line-height:30px;padding:0 14px;vertical-align:middle;text-align:center; font-size:12px ! important; color:#30B28D; font-weight:700; border:1px solid #48CDAF;border-radius:4px;background:#CDFCEA;transition:all 0.2s ease-in-out;}
.btn_end_search:before{position:absolute; top:50%; left:15%; content:"";display:inline-block;width:20px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/icn_end2.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out; background-size: 20px; transform: translate(-50%, -50%);}
.btn_end_search:hover{color:#fff ;background:#30B28D}
.btn_end_search:hover:before{position:absolute; top:50%; left:15%; background:url(../images/icn_end2_w.svg) no-repeat 50% 50%/contain;background-size: 20px; transform: translate(-50%, -50%);}

.btn_retrun_page{position:relative;display:inline-block;min-width:90px;height:32px;line-height:30px;padding:0 14px;vertical-align:middle;text-align:center; font-size:12px ! important;  font-weight:700; border:1px solid #30B28D;border-radius:4px;background:#30B28D;transition:all 0.2s ease-in-out;}
.btn_retrun_page:before{padding-left: 30px; position:absolute; top:50%; left:12%; content:"";display:inline-block;width:20px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/icn_end2_w.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out; background-size: 20px; transform: translate(-50%, -50%);}
.btn_retrun_page:hover{color:#fff ;background: #03a07a;}
/* .btn_retrun_page:hover:before{position:absolute; top:50%; left:15%; background:url(../images/icn_end2.svg) no-repeat 50% 50%/contain;background-size: 20px; transform: translate(-50%, -50%);} */


.btn_change{position:relative;display:inline-block;min-width:90px;height:32px;line-height:30px;padding:0 14px;vertical-align:middle;text-align:center;font-size:12px ! important;color:#8097b7;font-weight:700;border:1px solid #8097b7;border-radius:4px;background:#f4f6f9;transition:all 0.2s ease-in-out;}
.btn_change:before{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/icn_changecompletion.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btn_change:hover{color:#fff;background:#8097b7}
.btn_change:hover:before{background:url(../images/icn_changecompletion_w.svg) no-repeat 50% 50%/contain;}

.msg-txt{color: #379982;font-size:13px;}
.scheduleDescriptionTxt {position:absolute;left:111px;}
.sideFix_grid .btn_help{display: inline-block;width: 16px;height: 16px;vertical-align: middle;font-size: 0;background: url(../images/ic_information.svg) no-repeat 50% 50% / contain;}
.cal-info-tooltip{padding:15px;line-height:1.5;}

.btnM3.ic_print:before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:3px;background:url(../images/ic_print.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btnM3.ic_file:before{content:"";display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:3px;background:url(../images/ic_file.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btn_show{width:20px;height:16px;font-size:0;background:url(../images/ic_see.svg) no-repeat 50% 50%/contain;}
.btn_sort{height:18px;background:url(../images/icn_moveHandle.svg) no-repeat 50% 50%/18px auto;background-size: 18px auto;}

.btnD2.ic_down:before{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/ic_download.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btnD2.ic_down:hover:before{background:url(../images/ic_download.svg) no-repeat 50% 50%/contain;}

.btnD2.ic_del:before{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/ic_delete_organ.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btnD2.ic_del:hover:before{background:url(../images/ic_delete_organ.svg) no-repeat 50% 50%/contain;}

.btn_view{width:30px;height:30px;vertical-align:middle;font-size:0;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;
background:url(../images/icn_documentsee.svg) no-repeat 50% 50%/21px auto
}
.infoBtn {background:url(/images/ic_information.svg);width:15px;height:15px;}
.plusBtn {position:relative;width:20px;height:20px;line-height:20px;text-align:center;background:#339697;color:#ffffff;font-size:18px;border:0;border-radius:5px;font-size:0;}
.plusBtn:before {content:"＋";font-size:18px;font-weight:700;position: absolute;top: 47%;left: 49%;transform: translate(-50%, -50%)}
.minusBtn {position:relative;width:20px;height:20px;line-height:20px;text-align:center;background:#339697;color:#ffffff;font-size:18px;border:0;border-radius:5px;font-size:0;}
.minusBtn:before {content:"－";font-size:18px;font-weight:700;position: absolute;top: 47%;left: 49%;transform: translate(-50%, -50%)}
.infoBtn {font-size:0;width:17px;height:17px;background:url("/img/info.png") no-repeat;background-size:17px;}
.moreBtnMenu {display:flex;flex-direction:column;gap:8px;background:#ffffff;border:var(--border-grid);padding:10px;font-size:12px;}
.moreBtnMenu button:hover {opacity:0.6;}

i.userInfoIcon{width: 32px;display: inline-block;position: relative;}
i.userInfoIcon:before{content:"";background: url(../images/ic_header_member.svg) no-repeat 50% 50% / contain;display: inline-block;width: 28px; height: 28px;position: absolute; bottom: -10px;right:0px; margin-right:2px;}

i.wrongIcon:before{content:"";background: url(../images/ic_wrong.svg) no-repeat 50% 50% / contain;display: inline-block;width: 18px;height: 19px;position: absolute; top: 13px;right: 10px;}
i.correctIcon:before{content:"";background: url(../images/ic_correct.svg) no-repeat 50% 50% / contain;display: inline-block;width: 18px;height: 19px;position: absolute; top: 13px;right: 10px;}

.btnM7.disabled{cursor:not-allowed;background:silver !important;color:white;border:0;}
.btnS1.disabled{cursor:not-allowed;background:silver !important;color:white;border:0;}

.check-circle-icon {width: 24px;height: 24px;background-color: #888; /* 회색 배경 */border-radius: 50%;    /* 원형 */position: relative;}
.check-circle-icon::after {content: "";position: absolute;left: 8px;top: 5px;width: 7px;height: 12px;border-right: 2px solid #fff; /* 흰색 체크 */border-bottom: 2px solid #fff;transform: rotate(45deg);}
.check-circle-icon.type{background-color:#8ac8ba;}

.ic_credit_card{content:"";background: url(../images/ic_credit_card.svg) no-repeat 50% 50%;position:absolute;width:30px;height:30px;}

.ic_inquiry_state{display:inline-block;width:60px;height:22px;line-height:22px;text-align:center;color:black;font-size:12px;border-radius:20px;}
.ic_inquiry_state.full{width:90px !important;height:30px !important;line-height:30px !important;margin-right:12px !important;font-size:14px;border-radius:30px;}
.ic_inquiry_state.st1{background:#FFEEC2} /* 접수 */
.ic_inquiry_state.st2{background:#EEEEFF} /* 답변중  */
.ic_inquiry_state.st3{background:#DEF0FF} /* 답변완료 */

.terminateDescArea{margin-bottom:18px;display:flex;flex-direction:column;gap:5px;}
.terminateDescArea .txt1{color:red;}
.terminateDescArea .txt2{color:#379982;}

.refundDescArea{display:flex;flex-direction:column;gap:5px;}
.refundDescArea .txt1{color:#379982;}

.stateMap {display:flex;gap:40px;display:flex;flex-direction:column;}
.stateMap > .elementBox {display:flex;gap:35px;}
.stateMap > .elementBox > .statusElement .stateDate {display:block;height:30px;}
.stateMap > .elementBox > .statusElement .statePoint {border:1px solid silver;width:35px;height:35px;border-radius:100%;font-size:0;}
.stateMap > .elementBox > .statusElement .statePoint.engineer {background:url(../images/ic_process1.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement .statePoint.customer {background:url(../images/ic_process2.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement .statePoint.mail {background:url(../images/ic_process4.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement .statePoint.schedule {background:url(../images/ic_process3.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement .passPoint {/* border:1px solid silver; */width:35px;height:35px;border-radius:100%;font-size:0;background:url(../images/ic_process_pass.svg) no-repeat 50% 50%;width:35px;height:35px;}
.stateMap > .elementBox > .statusElement .passPoint.on {border:0;width:35px;height:35px;border-radius:100%;font-size:0;background:url(../images/ic_process_pass_w.svg) no-repeat 50% 50%;width:35px;height:35px;}
.stateMap > .elementBox > .statusElement .passPoint.top{transform:rotate(270deg);}
.stateMap > .elementBox > .statusElement {position:relative;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;width:90px;height:90px;}
.stateMap > .elementBox > .statusElement > .rightBar {position:absolute;background:silver;border-radius:10px;width:80px;height:2px;top:0;left:0;transform:translate(65px, 16px);}
.stateMap.expand > .elementBox > .statusElement {position:relative;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;width:140px;height:100px;}
.stateMap.expand > .elementBox > .statusElement > .rightBar {position:absolute;background:silver;border-radius:10px;width:100px;height:2px;top:0;left:0;transform:translate(107px, 16px);}
.stateMap > .elementBox > .statusElement > .bottomBar {position:absolute;background:silver;width:2px;height:25px;top:0;left:50%;transform:translate(-50%, 110px);}
.stateMap > .elementBox > .statusElement > .topBar {position:absolute;background:silver;width:2px;height:25px;bottom:0;left:50%;transform:translate(-50%, -105px);}
.stateMap > .elementBox > .statusElement.on {color:#007257;}
.stateMap > .elementBox > .statusElement.on > i {color:#007257;}
.stateMap > .elementBox > .statusElement.on .statePoint.mailResend {border:1px solid #43ab94;background:#43ab94 url(../images/ic_process4_w.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement.on .statePoint.engineer {border:1px solid #43ab94;background:#43ab94 url(../images/ic_process1_w.png) no-repeat 48% 50%;}
.stateMap > .elementBox > .statusElement.on .statePoint.customer {border:1px solid #43ab94;background:#43ab94 url(../images/ic_process2_w.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement.on .statePoint.mail {border:1px solid #43ab94;background:#43ab94 url(../images/ic_process4_w.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement.on .statePoint.schedule {border:1px solid #43ab94;background:#43ab94 url(../images/ic_process3_w.png) no-repeat 50% 50%;}
.stateMap > .elementBox > .statusElement > i {color:silver;}
.stateMap > .elementBox > .statusElement > span {text-align:center;font-weight:400;line-height:20px;font-size:11pt;min-height:40px;}
.stateMap > .elementBox > .statusElement > .rightBar.on {background:#43ab94;}
.stateMap > .elementBox > .statusElement > .bottomBar.on {background:#43ab94;}
.stateMap > .elementBox > .statusElement > .topBar.on {background:#43ab94;}
.stateMap > .elementBox > .statusElement.on.fail {color:#d34417;}
.stateMap > .elementBox > .statusElement.on.fail > i {color:#d34417;}
.stateMap > .elementBox > .statusElement.on.fail .statePoint{border:1px solid #d34417;background-color:#d34417;}
.stateMap > .elementBox > .statusElement.on.progress {color:#7285ea}
.stateMap > .elementBox > .statusElement.on.progress > i {color:#7285ea}
.stateMap > .elementBox > .statusElement.on.progress .statePoint{border:1px solid #7285ea;background-color:#7285ea;}
.progressing-red {animation: progressingRed 3s infinite;}

.progressing-red.topBar {animation: progressingTopRed 3s infinite;}

.progressing-red.bottomBar {animation: progressingBottomRed 3s infinite;}

@keyframes progressingRed {
  0% {width:0;}
  100% {width:100px;background:#d34417;}
}

@keyframes progressingTopRed {
 	0% {height:0;}
  100% {height:25px;background:#d34417;}
}

@keyframes progressingBottomRed {
 	0% {height:0;}
  100% {height:25px;background:#d34417;}
}


.progressing-blue {animation: progressingBlue 3s infinite;}

.progressing-blue.topBar {animation: progressingTopBlue 3s infinite;}

.progressing-blue.bottomBar {animation: progressingBottomBlue 3s infinite;}

@keyframes progressingBlue {
  0% {width:0;}
  100% {width:100px;background:#7285ea;}
}

@keyframes progressingTopBlue {
 	0% {height:0;}
  100% {height:25px;background:#7285ea;}
}

@keyframes progressingBottomBlue {
 	0% {height:0;}
  100% {height:25px;background:#7285ea;}
}

.blink-background-red {animation: blinkRedBg 5s infinite;}
@keyframes blinkRedBg {
  0%, 100% {border:1px solid #ffffff;background-color:#ffffff;}
  50% {border:1px solid #d34417;background-color:#d34417;}
}
.blink-background-blue {animation: blinkBlueBg 5s infinite;}
@keyframes blinkBlueBg {
  0%, 100% {border:1px solid #ffffff;background-color:#ffffff;}
  50% {border:1px solid #7285ea;background-color:#7285ea;}
}

/* textarea 디자인 */
.charLengthChkTextarea {position: relative;display: inline-block;width:100%;}
.charLengthChkTextarea .charCounter {position: absolute;bottom: 5px;right: 10px;font-size: 12px;color: gray;}
.charLengthChkTextarea textarea {resize:vertical !important;}
.charLengthChkTextarea textarea.extend {height:90px !important;}

/* 클릭 유도 핀포인트 */
.elementGuide{position:absolute;left:50%; top:-35px;width:35px; height:35px;background:#6B84FF;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 6px rgba(0,0,0,.3);animation:moveUpDown 1.6s infinite;}
.elementGuide::before{content:"";position:absolute;left:50%; top:50%;transform:translate(-50%,-50%) rotate(45deg);width:35px; height:35px;border-radius:50%;border:2px solid #6B84FF;animation:ripple 1.6s infinite;}
.elementGuide::after{content:"클릭";color:#ffffff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-weight:600;line-break:auto;}

@keyframes ripple{
  0%   {opacity:.8;transform:translate(-50%,-50%) rotate(45deg) scale(1);}
  100% {opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(2.2);}
}

@keyframes moveUpDown {
  0%, 100% {transform: translateX(-50%) translateY(0);}
  50% {transform: translateX(-50%) translateY(-10px);}
}

/* 비밀번호 박스 폼 */
.passwordForm{position:relative;}
.btn_show_a{width:18px;height:18px;font-size:0;background:url(../images/ic_nosee.svg) no-repeat 50% 50%/contain;position:absolute;top:50%;right:10px;transform:translate(0, -50%);display:none;}
.btn_no_show_a{width:18px;height:18px;font-size:0;background:url(../images/ic_see.svg) no-repeat 50% 50%/contain;position:absolute;top:50%;right:10px;transform:translate(0, -50%);display:none;}
.passwordForm:hover .btn_show_a{display:block;}
.passwordForm:hover .btn_no_show_a{display:block;}

/* 로그인 화면 */
.loginContainer {position:relative;width:100vw;height:100vh;background:#ffffff;min-height:640px;}
.loginContainer .loginBox {position:absolute;transform:translate(-50%, -50%);top:48%;left:50%;width:400px;min-height:292px;box-sizing:border-box;display:flex;flex-direction:column;}
.loginContainer .loginBox .logoArea {width:100%;min-height:40px;max-height:40px;margin-bottom:40px;display:flex;justify-content:center;align-items:center;}
.loginContainer .loginBox input[type="text"], input[type="password"] {width:400px;height:48px;border-radius:10px;border:1px solid #D3D3D3;background:#F4F5F8;padding:0 20px;}
.loginContainer .loginBox button.loginBtn {width:400px;height:48px;border-radius:10px;background:#43AB94;color:#ffffff;font-weight:700;font-size:18px;margin:14px 0 20px 0;}
.loginContainer .loginBox button.loginBtn:hover {opacity:0.8;}
.loginContainer .loginBox button.resetPassword {font-size:14px;font-weight:500;color:#697077;margin-left:auto;}
.loginContainer .loginBox button.resetPassword:hover {opacity:0.8;}
.loginContainer .loginBox button.joinMaha {font-size:14px;font-weight:500;color:#697077;margin-left:auto;}
.loginContainer .loginBox button.joinMaha:hover {opacity:0.8;}
.loginContainer .loginBox .infoArea {width:400px;height:auto;display:flex;flex-direction:column;align-items:center;margin:20px 0 40px 0;}
.loginContainer .loginBox .infoArea dt {font-family:'nanumb';font-size:24px;color:#43AB94;margin-bottom:70px;}
.loginContainer .loginBox .infoArea dd {font-family:'nanumb';font-size:16px;color:#697077;margin:10px 0;}
.loginContainer .loginFooter {position:absolute;transform:translate(-50%, 0);bottom:50px;left:50%;font-size:12px;font-weight:500;color:#697077;display:flex;flex-direction:column;align-items:center;gap:30px;}
.loginContainer .loginFooter button {margin:0 10px;}
.loginContainer .loginFooter button:hover {opacity:0.8;}

/* 비밀번호 재발급 화면 */
.resetPwContainer {position:relative;width:100vw;height:100vh;background:#ffffff;min-height:810px;}
.resetPwContainer .resetPwBox {position:absolute;transform:translate(-50%, -50%);top:48%;left:50%;width:450px;min-height:292px;box-sizing:border-box;display:flex;flex-direction:column;}
.resetPwContainer .resetPwBox dl {display:flex;flex-direction:column;gap:9px;}
.resetPwContainer .resetPwBox dl dt {font-family:'nanumb';font-size:24px;color:#1E263D;}
.resetPwContainer .resetPwBox dl dd {font-size:18px;color:#697077;}
.resetPwContainer .resetPwBox input[type="text"] {width:450px;height:48px;border:1px solid #D3D3D3;background:#FFFFFF;padding:0 20px;}
.resetPwContainer .resetPwBox input[type="password"] {width:450px;height:48px;border:1px solid #D3D3D3;background:#FFFFFF;padding:0 20px;}
.resetPwContainer .resetPwBox p.greenLine {width:40px;height:3px;background:#43AB94;}
.resetPwContainer .resetPwBox .btnArea {display:flex;gap:10px;}
.resetPwContainer .resetPwBox .btnArea button:nth-child(odd) {width:220px;height:48px;border-radius:10px;background:#FFFFFF;border:1px solid #D3D3D3;font-weight:700;font-size:18px;margin:14px 0 20px 0;}
.resetPwContainer .resetPwBox .btnArea button:nth-child(even) {width:220px;height:48px;border-radius:10px;background:#43AB94;color:#ffffff;font-weight:700;font-size:18px;margin:14px 0 20px 0;}
.resetPwContainer .resetPwBox .btnArea button:hover {opacity:0.8;}
.resetPwContainer .resetPwBox .infoArea {display:flex;flex-direction:column;gap:18px;font-size:14px;color:#697077;}
.resetPwContainer .resetPwBox .infoArea font {color:#43AB94;margin-right:15px;}
.resetPwContainer .resetPwBox .existChkMsg {color:#ff546a;height:50px;}
.resetPwContainer .resetPwBox ul.infoList {display:flex;flex-direction:column;gap:10px;margin:10px 0;}
.resetPwContainer .resetPwBox ul.infoList li {padding-left:5px;}
.resetPwContainer .resetPwBox ul.infoList li:before {content:"•";color:red;margin-right:5px;}
.resetPwContainer .loginFooter {position:absolute;transform:translate(-50%, 0);bottom:50px;left:50%;font-size:14px;font-weight:500;color:#697077;display:flex;flex-direction:column;align-items:center;gap:30px;}
.resetPwContainer .loginFooter button {margin:0 10px;}
.resetPwContainer .loginFooter button:hover {opacity:0.8;}

/* 다이얼로그 */
.dialogMsg {position:fixed;z-index:999;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);/* background:rgb(0,0,0,0.7); */display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.dialogMsg:before{content:"";background:rgb(0,0,0,0.6)}
.dialogMsg > .dialog {width:450px;min-height:220px;background:#ffffff;box-shadow:0 0 10px #bababa;border-radius:10px;}
.dialogMsg > .dialog > .topArea {width:100%;height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;box-sizing:border-box;background:#339697;color: #ffffff;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: 700;}
.dialogMsg > .dialog > .topArea > span {font-size:16px;font-weight:600;}
.dialogMsg > .dialog > .topArea > button {font-size:12pt;}
.dialogMsg > .dialog > .topArea > button:hover {opacity:0.6;}
.dialogMsg > .dialog > .contentArea {width:100%;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;line-height:25px;padding:15px;text-align:center;box-sizing:border-box;font-size:14px;font-weight:500;}
.dialogMsg > .dialog > .contentArea > .subContent {position:relative;font-size:12px;color:#797979;display:flex;align-items:center;padding:0 0 0 20px;}
.dialogMsg > .dialog > .contentArea > .subContent:before {content:"";position:absolute;left:0;top:7px;width:12px;height:12px;background:url("/img/caution.png") no-repeat;background-size:12px;}
.dialogMsg > .dialog > .contentArea > .infoContent {text-align:left;font-size:12px;margin-top:5px;}
.dialogMsg > .dialog > .bottomArea {width:100%;height:55px;display:flex;justify-content:center;align-items:center;gap:10px;}
.dialogMsg > .dialog > .bottomArea > button {border:1px solid #D6E5E4;padding:6px 20px;border-radius:50px;min-width:90px;color:#8097B7;}
.dialogMsg > .dialog > .bottomArea > button:hover {opacity:0.7;}
.dialogMsg > .dialog > .bottomArea > button:nth-child(2) {background:#00b78b;color:#ffffff;border:1px solid #00b78b;}
.dialogMsg > .dialog > .bottomArea > button:nth-child(3) {background:#00ba65;color:#ffffff;border:1px solid #00ba65;}
.dialogMsg > .dialog > .bottomArea > button.chk {background:#00ba65;color:#ffffff;border:1px solid #00ba65}

/* 스낵바  */
.snackbar {position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:10px;z-index:999;}
.snackbar > .snackbarMsg {display:none;padding:10px 20px;background:black;opacity:0.6;border-radius:5px;color:#ffffff;font-size:14px;}

.productAndVisitorBox {width:100%;align-items:center;background:#e6ebe3;padding:10px;}
.productAndVisitorBox table{width:100%;}
.productAndVisitorBox col:nth-child(1){width:5%;}
.productAndVisitorBox col:nth-child(2){width:40%;}
.productAndVisitorBox col:nth-child(3){width:22%;}
.productAndVisitorBox col:nth-child(4){width:33%;}

.productListTbody .productAndVisitorControl{display:flex;justify-content:center;align-items:center;}

/* 로그인 컨트롤 툴팁 디자인 */
.loginInfoTooltip {box-sizing:border-box;width:290px;height:auto;background:#ffffff;position:absolute;top:150%;left:50%;border:1px solid #43AB94;border-radius:10px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:20px; display: none;z-index: 1000;}
.loginInfoTooltip:before {content:"";position:absolute;top:-15px;right:5px;width:0;height:0;border-style:solid;border-width:0px 25px 25px 25px;border-color:transparent transparent #ffffff transparent;}
.loginInfoTooltip .top {font-size:14px;font-weight:700;color:#697077;}
.loginInfoTooltip .top div {display:flex;align-items:center;gap:10px;margin-bottom:5px;}
.loginInfoTooltip .top .name {font-family:nanumb;font-weight:700;font-size:22px;color:#1E263D;}
.loginInfoTooltip .center ul {display:flex;flex-direction:column;gap:10px;}
.loginInfoTooltip .bottom {display:flex;justify-content:center;gap:5px;}
.loginInfoTooltip .btnW {width:125px;height:30px;line-height:30px;text-align:center;color:#8097B7;background:#ffffff;border-radius:50px;border:1px solid #D6E5E4;font-weight:700;}
.loginInfoTooltip .btnG {width:125px;height:30px;line-height:30px;text-align:center;color:#ffffff;background:#00B78B;border-radius:50px;font-weight:700;}
.loginInfoTooltip button:hover {opacity:0.6;}

/* emptyContent */

.emptyContent {background:var(--bg-grid);border:var(--border-grid);box-sizing:border-box;/* width:calc(100vw - 250px); */height:calc(100vh - 185px);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:400;gap:20px;}

/* 대시보드 */
.dashboard {width: 100%;height: calc(100% - 50px);display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(5, 1fr);row-gap: 20px;column-gap:20px;overflow-x:hidden;overflow-y:hidden;padding:5px;}

@media screen and (max-width: 1600px) {
	.dashboard {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 1200px) {
	.dashboard {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 800px) {
	.dashboard {
		grid-template-columns: repeat(1, 1fr);
	}
}
.chartCard {background:var(--bg-grid);border:var(--border-grid);box-sizing: border-box;background:#ffffff;min-width:350px;min-height:300px;max-height:300px;display:none;}
.chartCard.large {grid-column: span 2;}
.chartCard.large3 {grid-column: span 3;}
.chartCard.large4 {grid-column: span 4;}
.chartCard.vertical {grid-row: span 2;height:620px;max-height:none;}
.chartCard.map {grid-column: span 3;grid-row: span 2;height:620px;max-height:none;height:620px;}
.chartCard > .chartTop {display:flex;justify-content:space-between;width:100%;height:50px;border-bottom:1px solid #e3e3e3;align-items:center;padding:0 20px;box-sizing:border-box;user-select: none;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}
.chartCard > .chartTop > span {font-weight:700;font-size:14px;color:#404449;}
.chartCard > .chartTop > span > font {font-size:12px;color:#808791;}
.chartCard > .chartTop > div {display:flex;gap:10px;}
.chartCard > .chartTop .moreDelBtn {position: absolute;background: #ffffff;padding: 10px;box-shadow: 0 0 5px silver;border-radius: 5px;}
.chartCard > .chartTop .btn_page_move {width:20px;height:20px;vertical-align:middle;font-size:0;background:url(../images/ic_page_move.svg) no-repeat 50% 50%/contain}
.chartCard > .chartTop:hover {background:#f1f3f5;cursor:move;}
.chartCard > .additionalChartInfo {width:100%;height:30px;font-size:12px;font-weight:500;text-align:right;padding:0 10px;}
.chartCard > .chart {width:100%;height:calc(100% - 70px);max-height:320px;display:flex;justify-content:center;align-items:center;padding:10px 10px 0 10px;box-sizing:border-box;position:relative;}
.chartCard > .chart > .databoxChart {width:100%;height:100%;display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap:20px;padding:10px;}
.chartCard > .chart > .databoxChart > div {border:1px solid silver;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;}
.chartCard > .chart > .databoxChart > div > span:nth-child(1) {font-size:12pt;font-weight:500;}
.chartCard > .chart > .databoxChart > div > span:nth-child(2) {font-size:18pt;font-weight:700;}
.chartCard > .chart > .databoxChart > div:nth-child(1) {border:2px solid #4e86eb;background:rgb(221 235 255 / 60%);color:#4e86eb;}
.chartCard > .chart > .databoxChart > div:nth-child(2) {border:2px solid #7ec5be;background:rgb(230 253 255);color:#7ec5be;}
.chartCard > .chart > .databoxChart > div:nth-child(3) {border:2px solid #ffb343;background:rgb(255 244 229);color:#ffb343;}
.chartCard > .chart > .databoxChart > div:nth-child(4) {border:2px solid #dda5a1;background:rgb(255 240 239);color:#dda5a1;}
.chartCard > .chart > .productListChart {width:100%;height:100%;display:flex;flex-direction:column;padding:10px;gap:5px;}
.chartCard > .chart > .productListChart > div:nth-child(1) {display:flex;gap:10px;}
.chartCard > .chart > .productListChart > div:nth-child(1) > div {width:50%;height:40px;border-radius:5px;background:#FF755A;color:#ffffff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;}
.chartCard > .chart > .productListChart > div:nth-child(1) > div:nth-child(2){background:#808791;}
.chartCard > .chart > .productListChart > div:nth-child(2) {display:flex;flex-direction:column;width:100%;height:calc(100% - 45px);overflow-y:auto;}
.chartCard > .chart > .productListChart > div:nth-child(2) table {width:100%;}
.chartCard > .chart > .productListChart > div:nth-child(2) table tr td {padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;box-sizing:border-box;max-width:150px;}
.chartCard > .chart > .productListChart > div:nth-child(2) table tr td.expiredState:before {content:"●";font-size:10pt;}
.chartCard > .chart > .productListChart > div:nth-child(2) table tr td.expiredState.thisWeek:before {content:"●";font-size:10pt;color:#FF755A;}
.chartCard > .chart > .noticeListChart {width:100%;height:100%;display:flex;flex-direction:column;gap:10px;overflow:auto;}
.chartCard > .chart > .noticeListChart > div {position:relative;padding-left:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;line-height:20px;}
.chartCard > .chart > .noticeListChart > div:before {content:"일반";position:absolute;top:2px;left:0;border:1px solid silver;color:silver;border-radius:50px;width:30px;height:15px;line-height:15px;font-size:9pt;display:block;text-align:center;}
.chartCard > .chart > .noticeListChart > div.important:before {content:"중요";position:absolute;top:2px;left:0;border:1px solid #d78888;color:#d78888;border-radius:50px;width:30px;height:15px;line-height:15px;font-size:9pt;display:block;text-align:center;}
.chartNoData {border:2px solid silver;width:150px;height:150px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:14px;position:absolute;transform: translate(-50%, -50%);top:50%;left:50%;}
.chartCard .progressChart {position:relative;width:100%;height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;box-sizing:border-box;user-select: none;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}
.chartCard .progressChart .progressElement {display:flex;width:100%;flex-direction:column;gap:5px;align-items:center;gap:10px;}
.chartCard .progressChart .progressInfo {display:flex;width:90%;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;}
.chartCard .progressChart .progress {appearance: none;-webkit-appearance: none;width:90%;height:14px;}
.progress::-webkit-progress-bar {background:#f0f0f0;box-shadow: inset 3px 3px 10px silver;border-radius:5px;}
.progress::-webkit-progress-value {background: #1D976C;background: -webkit-linear-gradient(to right, #1488CC, #2B32B2);background: linear-gradient(to right, #1488CC, #2B32B2);border-radius:5px;}
.chartCard .progressChart .comparison {appearance: none;-webkit-appearance: none;width:90%;height:14px;}
.comparison::-webkit-progress-bar {background:#F9D05B;}
.comparison::-webkit-progress-value {background: #E45B67;}
.titleWithBtnArea {display:flex;justify-content:space-between;align-items:center;width:100%;height:50px;}
.titleWithBtnArea > .btnArea {display:flex;gap:10px;}
.titleWithBtnArea > .btnArea > button {background:#8dc26d;padding:6px 15px;border-radius:5px;}
.titleWithBtnArea > .btnArea > button:nth-child(odd) {background: #8dc26d;padding: 6px 15px;border-radius: 5px;}
.titleWithBtnArea > .btnArea > button:nth-child(even) {background:#ffffff;border:1px solid #8dc26d;color:#8dc26d;font-weight:500;}
.chartCard .dataTb {height:calc(100% - 85px);max-height:270px;margin:0 10px;overflow-y:auto;}
.chartCard .dataTb th {height:35px;line-height:18px;border-top:var(--border-grid);border-bottom:var(--border-grid);text-align:center;padding:0 5px;vertical-align:middle;background:#f4f5f8;font-weight:600;}
.chartCard .dataTb td {height:35px;line-height:18px;border-bottom:var(--border-grid);text-align:center;padding:0 5px;vertical-align:middle;font-weight:500;}
.chartCard .dataTb td.cell {text-align:left;}
.chartCard .tbTopArea {display:flex;width:100%;height:25px;align-items:center;justify-content:flex-end;font-weight:600;gap:15px;padding:0 15px;box-sizing:border-box;}
.chartCard .tbTopArea div {display:flex;gap:10px;}
.chartCard .tbTopArea div span {margin-top:2px;}
.chartCard .scheduleMap {position:relative;width:100%;height:calc(100% - 50px);display:flex;}
.chartCard .scheduleMap .mapBox {width:75%;height:100%;}
.chartCard .scheduleMap .scheduleBox {width:25%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:0 5px;}
.chartCard .scheduleMap .scheduleBox .dateCtrl {width:100%;height:40px;border-bottom:var(--border-grid);display:flex;align-items:center;}
.chartCard .scheduleMap .scheduleBox .dateCtrl button.before {border:var(--border-grid);width:30px;height:30px;}
.chartCard .scheduleMap .scheduleBox .dateCtrl button.before:before {content:"〈";font-weight:700;}
.chartCard .scheduleMap .scheduleBox .dateCtrl button.next {border:var(--border-grid);border-left:0;width:30px;height:30px;}
.chartCard .scheduleMap .scheduleBox .dateCtrl button.next:before {content:"〉";font-weight:700;}
.chartCard .scheduleMap .scheduleBox .dateCtrl button:hover {opacity:0.6;}
.chartCard .scheduleMap .scheduleBox .dateCtrl span {font-size:14px;font-weight:700;margin-left:10px;}
.chartCard .scheduleMap .scheduleBox .scheduleData {position:relative;width:100%;height:670px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px;gap:15px;overflow-y:auto;box-sizing:border-box;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox {width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox .tit {font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;color:#8d8d8d;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox i.orderCircle {display:inline-flex;width:20px;height:20px;background:black;border-radius:50%;color:#ffffff;justify-content:center;align-items:center;font-weight:700;font-size:12px;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox .scheduleInfo {font-size:14px;font-weight:700;display:flex;align-items:center;gap:5px;color:#8d8d8d;cursor:pointer;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox .scheduleInfo i {display:inline-flex;width:20px;height:20px;border:var(--border-grid);justify-content:center;align-items:center;font-weight:700;font-size:12px;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox .scheduleInfo.current i {border:1px solid #96d196;background:#f2fdf0;}
.chartCard .scheduleMap .scheduleBox .scheduleData .dataBox .scheduleInfo:hover {opacity:0.6;}
.chartCard .mng {display:flex;flex-direction:column;height:calc(100% - 70px);justify-content:center;padding:10px;}
.chartCard .mng .nums{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:100%;}
.chartCard .mng .nums li{display:flex;align-items:center;justify-content:center;width:100%;height:70px;text-align:center;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:12px;box-sizing:border-box;}
.chartCard .mng .nums strong{display:block;font-size:35px;}
.chartCard .mng .nums li:nth-child(1){color:#6487e8;border-color:#6487e8;background:#f0f7ff}
.chartCard .mng .nums li:nth-child(2){color:#67a4c9;border-color:#67a4c9;background:#f3fbfe}
.chartCard .mng .nums li:nth-child(3){color:#f88712;border-color:#f88712;background:#fef4ea}
.chartCard .mng .nums li:nth-child(4){color:#df656a;border-color:#df656a;background:#fff3f3}

.chartCard .notice {display:flex;flex-direction:column;height:calc(100% - 50px);justify-content:flex-start;padding:10px;}
.chartCard .notice .lists li{height:32px;line-height:32px;font-size:14px;color:#808791;}
.chartCard .notice .lists a{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.chartCard .notice .lists a:hover{text-decoration:underline;text-underline-position:under;}
.chartCard .notice .lists i{display:inline-block;width:40px;height:18px;line-height:18px;margin-right:6px;text-align:center;font-size:11px;border-radius:20px;box-sizing:border-box;}
.chartCard .notice .lists .st1{color:#ff546a;border:1px solid #ff546a}
.chartCard .notice .lists .st2{color:#c9c9c9;border:1px solid #c9c9c9}
.chartCard .products {display:flex;flex-direction:column;height:calc(100% - 50px);justify-content:flex-start;padding:10px;position:relative;}
.chartCard .products .nums{display:flex;gap:0 8px;margin-bottom:6px;}
.chartCard .products .nums li{position:relative;width:100%;height:38px;line-height:38px;padding:0 10px;border-radius:6px;color:#fff;font-size:14px;font-weight:700}
.chartCard .products .nums li span{position:absolute;right:10px;}
.chartCard .products .nums li:nth-child(1){background:#ff755a}
.chartCard .products .nums li:nth-child(2){background:#808791}
.chartCard .products .lists {overflow-y:auto;height:190px;}
.chartCard .products .lists li{display:flex;flex-wrap:wrap;height:30px;line-height:30px;font-size:14px;color:#808791}
.chartCard .products .lists span{padding:0 6px;box-sizing:border-box;}
.chartCard .products .lists span:nth-child(1){width:30%;}
.chartCard .products .lists span:nth-child(2){width:50%;}
.chartCard .products .lists span:nth-child(3){width:20%;}
.chartCard .products .lists a{display:inline-block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.chartCard .products .lists i{display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:10px;border-radius:100%;font-size:0;}
/* .chartCard .products .lists a:hover{text-decoration:underline;text-underline-position:under;} */
.chartCard .products .lists .st1{background:#ff755a}
.chartCard .products .lists .st2{background:#808791}
i.stateCircle1 {color:#E45B67;font-size:13px;}
i.stateCircle1:before {content:"●"}
i.stateCircle2 {color:#F9D05B;font-size:13px;}
i.stateCircle2:before {content:"●"}
i.stateCircle3 {color:#A3D46B;font-size:13px;}
i.stateCircle3:before {content:"●"}
i.stateCircle4 {color:#42A5F5;font-size:13px;}
i.stateCircle4:before {content:"●"}
i.stateCircle5 {color:#FB923C;font-size:13px;}
i.stateCircle5:before {content:"●"}
i.stateQuad1 {color:#E45B67;font-size:13px;}
i.stateQuad1:before {content:"■"}
i.stateQuad2 {color:#F9D05B;font-size:13px;}
i.stateQuad2:before {content:"■"}
i.stateQuad3 {color:#A3D46B;font-size:13px;}
i.stateQuad3:before {content:"■"}
i.stateQuad4 {color:#42A5F5;font-size:13px;}
i.stateQuad4:before {content:"■"}
i.stateQuad5 {color:#FB923C;font-size:13px;}
i.stateQuad5:before {content:"■"}
.progressLoading {width:100%;height:100%;background:rgb(0,0,0,0.78);position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center;}
.progressLoading:before {content:"";position:absolute;width:400px;height:200px;background:url("/img/mahaLoading.gif") no-repeat;background-size:400px;top:50%;left:50%;transform:translate(-50%,-50%);}
.loading_ring {width:100%;height:100%;background:rgb(0,0,0,0.78);position:fixed;top:0;left:0;z-index:999;display:flex;justify-content:center;align-items:center;}
.loading_ring:before {content:"";position:absolute;width:400px;height:200px;background:url("/img/mahaLoading.gif") no-repeat;background-size:400px;top:50%;left:50%;transform:translate(-50%,-50%);}

.custom-marker {width: 40px;height: 40px;border-radius: 50%;position: relative;color: white;font-size: 14px;font-weight:700;text-align: center;line-height: 40px;}
/* .custom-marker::after {content: '';position: absolute;bottom: -12px;left: 50%;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #cada72;transform: translateX(-50%);} */
.mapOverlayWrap {}
.mapOverlayWrap .info{background:#FFFFFF;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 0 10px silver;}
.mapOverlayWrap > .info > .title{display:flex;padding:0 10px;color:#FFFFFF;justify-content:space-between;align-items:center;background:#292929;height:35px;box-sizing:border-box;border-top-left-radius: 8px;border-top-right-radius: 8px;font-size:10pt;}
.mapOverlayWrap > .info > .title > .close {width:15px;height:15px;position:relative;cursor:pointer;}
.mapOverlayWrap > .info > .title > .close:before {content:"✖";position:absolute;top:49%;left:50%;transform:translate(-50%, -50%);font-size:17px;}
.mapOverlayWrap > .info > .body {display:flex;box-sizing:border-box;height:90px;gap:5px;padding:0 5px;}
.mapOverlayWrap > .info > .body > .img {width:80px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;}
.mapOverlayWrap > .info > .body > .desc {width:240px;display:flex;flex-direction:column;justify-content:center;font-size:14px;gap:5px;box-sizing:border-box;}
.mapOverlayWrap > .info > .body > .desc > .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mapOverlayWrap > .info > .body > .desc > .desc .jibun {font-size: 11px;color: #888;margin-top: -2px;}
/* 4분면 매트릭스 차트 */
.quadrantChart {position:relative;padding:10px 20px;}
.quadrantChart .xAxixLabel{position:absolute;bottom:0;left:0;display:flex;width:100%;font-size:14px;font-weight:700;justify-content:space-between;padding:0 35px;box-sizing:border-box;}
.quadrantChart .yAxixLabel{position:absolute;bottom:0;left:0px;display:flex;height:100%;font-size:14px;font-weight:700;flex-direction:column;justify-content:space-between;padding:35px 0;box-sizing:border-box;}
.quadrantChart .yAxixLabel span {word-break:break-all;width:15px;line-height:15px;}

/* 퍼블리싱 팝업 타입 추가 */
.addCardList_ui {overflow-y:auto;width:560px;height:530px;padding-right:12px;margin-right:-12px;display:flex;flex-direction:column;gap:10px;}
.addCardList_ui > .emptyCard{padding:0 5px;font-weight:700;font-size:14px;}
.addCardList_ui > .addCardRow {display:flex;align-items:center;justify-content:space-between;}
.addCardList_ui > .addCardRow > span {font-weight:700;font-size:14px;}
.addCardList_ui.type{width:400px;height:240px}

/* QR코드 팝업 */
.qrcodeContainer {position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.qrcodeContainer:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .2)}
.qrcodeContainer .qrcodePopup {padding:5px;width:250px;height:250px;box-shadow:0 0 10px gray;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#ffffff;border-radius:10px;z-index:999;display:flex;justify-content:center;align-items:center;}
.qrcodeContainer .qrcodePopup button {width:35px;height:35px;position:absolute;left:50%;;bottom:-45px;transform:translateX(-50%);box-shadow:0 0 10px gray;background:#ffffff;border-radius:10px;font-size:16px;}
.qrcodeContainer .qrcodePopup button:hover {opacity:0.6;}
/* maha full 팝업창 추가 */
/* .fullPopupDiv {position:absolute;top:0;left:0;background:#ffffff;width:100%;height:100%;padding:60px 0 0 200px;} */
.fullPopupDiv {position:fixed;top:0;left:0;width:calc(100vw - 250px);min-width:900px;padding:77px 25px 60px 225px;transition:all 0.3s ease-in-out;background:#f4f5f8;height:100vw;z-index:8;}

/* maha 사이드 팝업창 추가 */
.layerPop_container .popup input[type="text"]:focus {border-bottom:1px solid green;}
.layerPop_container .popup input[type="text"].empty {border-bottom:1px solid red;}
.layerPop_container .popup textarea.empty {border:1px solid red;}
.layerPop_container .popup select.empty {border:1px solid red;}
.layerPop_container .popup select.empty + p {border:1px solid red;}
 

/* maha 센터 팝업창 추가 */
.proAddrSearch_ui{overflow-y:auto;width:500px;height:530px;padding-right:12px;margin-right:-12px;}
.proAddrSearch_ui .total{padding:16px 0 6px 12px;margin-bottom:9px;font-size:14px;border-bottom:1px solid #e0e0e0}
.proAddrSearch_ui .total strong{font-weight:700}
.proAddrSearch_ui .total .em{color:#00ba65;}
.proAddrSearch_ui .list .item{padding-bottom:9px;}
.proAddrSearch_ui .list .item:hover{opacity:0.6;}
.proAddrSearch_ui .list .item > .col{display:flex;justify-content:space-between;}
.proAddrSearch_ui .list .item > .col:nth-child(1){margin-bottom:6px;color:#2e3238;font-weight:700;font-size:13px;}
.proAddrSearch_ui .list .item > .col:nth-child(1) .btnS3{margin-left:10px;width:60px}
.proAddrSearch_ui .list .item > .col > .col{display:flex;flex-direction:column;gap:6px;}
.proAddrSearch_ui .list .item > .col > .col > div:nth-child(1) > .tit{display:inline-block;width:45px;line-height:20px;margin-right:6px;text-align:center;border:1px solid #e0e0e0;border-radius:4px;}
.proAddrSearch_ui .list .item > .col > .col > div:nth-child(2) > .tit{display:inline-block;width:60px;line-height:20px;margin-right:6px;text-align:center;border:1px solid #e0e0e0;border-radius:4px;}
.proAddrSearch_ui.type{width:400px;height:240px}
.paging_box.type .paging li a, .paging_box.type .paging li strong{position:relative;display:inline-block;width:24px;height:24px;line-height:24px;font-size:12px;text-align:center;border:1px solid #efefef;transition:all 0.3s ease-in-out;}
.paging_box.type .paging li strong a, .paging_box.type .paging_box.type .paging ul li strong{position:relative;z-index:1;line-height:24px;border:1px solid #373f43;color:#fff;background:#373f43}
.paging_box.type .paging .prev, .paging_box.type .paging .next, .paging_box.type .paging .first,.paging_box.type .paging .last{display:inline-block;width:24px;height:24px;font-size:0;text-indent:-5000px;border:0;box-sizing:border-box;transition:all 0.3s ease-in-out;}

/* 검색 팝업 */
.addrList {display:flex;flex-direction:column;gap:15px;height:100%;overflow-y:auto;padding:5px 0;}
.addrElement {display:flex;cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px 0 0;}
.addrElement:hover {opacity:0.7;}
.addrElement > .infoArea {display:flex;flex-direction:column;gap:8px;}
.addrElement > .infoArea > div:nth-child(1) {position:relative;font-size:11pt;font-weight:600;}
.addrElement > .infoArea > div:nth-child(2) {position:relative;font-size:10pt;display:flex;align-items:center;}
.addrElement > .infoArea > div:nth-child(2):before {content:"지번";border:1px solid silver;padding:2px 3px;margin-right:5px;}
.addrElement > .infoArea > div:nth-child(3) {position:relative;font-size:10pt;display:flex;align-items:center;}
.addrElement > .infoArea > div:nth-child(3):before {content:"우편번호";border:1px solid silver;padding:2px 3px;margin-right:5px;}
.addrElement > .btnArea > button {color:#349734;background:#e6fbe7;width:50px;height:30px;}
.tipInfo {display:flex;flex-direction:column;gap:12px;line-height:22px;padding:10px;}
.tipInfo > li{display:flex;}
.tipInfo > li.tip {font-weight:700;font-size:13px;}
.tipInfo > li.tip > .title {color:#00B78B;}
.tipInfo > li.example {color:#939393;font-size:12px;font-weight:700;}
.contractByProductList {display:flex;flex-direction:column;gap:15px;height:100%;overflow-y:auto;padding:5px 0;}
.listCntArea {border-bottom:1px solid silver;font-size:10pt;padding: 0 0 5px 0;}
.listCntArea > span {color:#349734;}
.productElement {display:flex;cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px 0 0;gap:10px;}
.productElement:hover {opacity:0.7;}
.productElement > .infoArea {display:flex;flex-direction:column;gap:8px;width:calc(100% - 50px);}
.productElement > .infoArea > div:nth-child(1) {position:relative;font-size:11pt;font-weight:600;display:flex;justify-content:space-between;}
.productElement > .infoArea > div:nth-child(1) > span:nth-child(2) {font-size:10pt;font-weight:400;}
.productElement > .infoArea > div:nth-child(2) {position:relative;font-size:9pt;display:flex;align-items:center;}
.productElement > .infoArea > div:nth-child(2):before {content:"품목";border:1px solid silver;border-radius:5px;min-width:30px;min-height:18px;text-align:center;line-height:18px;margin-right:5px;}
.productElement > .btnArea > button {color:#349734;background:#e6fbe7;width:50px;height:30px;}
.systemElement {display:flex;cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px 0 0;gap:10px;}
.systemElement:hover {opacity:0.7;}
.systemElement > .infoArea {display:flex;flex-direction:column;gap:8px;width:calc(100% - 50px);}
.systemElement > .infoArea > div:nth-child(1) {position:relative;font-size:11pt;font-weight:600;display:flex;justify-content:space-between;}
.systemElement > .infoArea > div:nth-child(1) > span:nth-child(2) {font-size:10pt;font-weight:400;}
.systemElement > .infoArea > div:nth-child(2) {position:relative;font-size:9pt;display:flex;align-items:center;}
.systemElement > .infoArea > div:nth-child(2):before {content:"기간";border:1px solid silver;border-radius:5px;min-width:30px;min-height:18px;text-align:center;line-height:18px;margin-right:5px;}
.systemElement > .infoArea > div:nth-child(3) {position:relative;font-size:10pt;display:flex;align-items:center;}
.systemElement > .infoArea > div:nth-child(3):before {content:"주담당자";border:1px solid silver;border-radius:5px;min-width:30px;min-height:18px;text-align:center;line-height:18px;margin-right:5px;padding:0 2px;}
.systemElement > .btnArea > button {color:#349734;background:#e6fbe7;width:50px;height:30px;}
.visitList {display:flex;flex-direction:column;gap:25px;height:100%;overflow-y:auto;padding:5px 0;}
.visitElement {display:flex;cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px 0 0;}
.visitElement:hover {opacity:0.7;}
.visitElement > .infoArea {display:flex;flex-direction:column;gap:8px;width:100%;padding-right:10px;}
.visitElement > .infoArea > div:nth-child(1) {position:relative;font-size:11pt;font-weight:600;display:flex;justify-content:space-between;}
.visitElement > .infoArea > div:nth-child(2) {position:relative;font-size:10pt;display:flex;align-items:center;justify-content:space-between;}
.visitElement > .infoArea > div:nth-child(2):before {content:"제품";border:1px solid silver;padding:2px 3px;margin-right:5px;}
.visitElement > .infoArea > div:nth-child(2) div {display:flex;justify-content:space-between;width:100%;gap:10px;}
.visitElement > .infoArea > div:nth-child(2) div span {line-height:20px;}
.visitElement > .btnArea > button {color:#349734;background:#e6fbe7;width:50px;height:30px;}
.taskList {display:flex;flex-direction:column;gap:25px;height:100%;overflow-y:auto;padding:5px 0;}
.taskElement {display:flex;cursor:pointer;justify-content:space-between;align-items:center;padding:0 10px 0 0;}
.taskElement:hover {opacity:0.7;}
.taskElement > .infoArea {display:flex;flex-direction:column;gap:8px;width:100%;padding-right:10px;}
.taskElement > .infoArea > div:nth-child(1) {position:relative;font-size:11pt;font-weight:600;display:flex;justify-content:space-between;}
.taskElement > .infoArea > div:nth-child(2) {position:relative;font-size:10pt;display:flex;align-items:center;justify-content:space-between;}
.taskElement > .infoArea > div:nth-child(2):before {content:"제품";border:1px solid silver;padding:2px 3px;margin-right:5px;}
.taskElement > .infoArea > div:nth-child(2) div {display:flex;justify-content:space-between;width:100%;gap:10px;}
.taskElement > .infoArea > div:nth-child(2) div span {line-height:20px;}
.taskElement > .btnArea > button {color:#349734;background:#e6fbe7;width:50px;height:30px;}

/* 플로팅 박스 */
.floatInfoBox {position:absolute;background:#3d4855;color:#ffffff;max-width:500px;padding:10px;box-shadow:0 0 5px silver;border-radius:5px;display:none;flex-direction:column;gap:5px;align-items:flex-start;z-index:1;}
.floatInfoBox > div {line-height:20px;text-align:left;}

/* 드래그앤드롭 */
.dragDrop {display:flex;flex-direction:column;gap:0 !important;align-items:flex-start !important;}
.dragDrop > .addFileList {border:1px solid #e2e2e2;width:100%;border-radius:5px;/* border-top-left-radius:5px;border-top-right-radius:5px; */padding:5px 10px;display:flex;flex-direction:column;gap:8px;display:none;box-sizing:border-box;margin-bottom:10px;background:#f2f2f2;}
.dragDrop > .addFileList > .fileElement {display:flex;justify-content:space-between;align-items:center;font-size:10pt;cursor:pointer;}
.dragDrop > .addFileList > .fileElement > .reportIcon {border-radius:5px;width:50px;height:20px;line-height:20px;text-align:center;background:#b36a64;color:white;font-size:9pt;margin-right:5px;}
.dragDrop > .addFileList > .fileElement > span {width:100%;user-select: none;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}
.dragDrop > .addFileList > .fileElement > span:hover {opacity:0.6;}
.dragDrop > .additionalInfo {margin-top:10px;}
.dragDrop .dragDropArea {position:relative;width:100%;min-height:60px;border:1px solid #e2e2e2;border-radius:5px;cursor:pointer;border-radius: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;box-sizing:border-box;}
.dragDrop .dragDropArea input[type="file"] {display:none;}
.dragDrop .dragDropArea.empty{border:1px dashed red;}
.dragDrop .dragDropArea.dropZoneOver {border:1px solid #528136;background:#f5fbf2;}
.dragDrop .dragDropArea:before {content:"";width:20px;height:20px;background:url("/images/ic_addfile.svg") no-repeat;background-size:20px;}
.dragDrop .dragDropArea:after {content:"마우스 클릭 또는 드래그해서 파일을 추가해 주세요.";font-size:12px;color:#8e8e8e;text-align:center;}
.dragDrop.disabled > .addFileList {background:#eeeeee;}
.dragDrop.disabled .dragDropArea {background:#eeeeee;}
.dragDrop .dragDropArea + .msg{margin-top:6px;font-size:12px;color:#379982}

/* 검색창 검색어 */
.searchPopupArea {position:relative;display:inline-flex;justify-content:center;align-items:center;width:100%;height:40px;}
.searchPopupArea > .searchBox {width:95%;height:40px;border:1px solid silver;border-radius:8px;padding:0 10px;box-sizing:border-box;}
.searchPopupArea > .searchPopup {
	position:absolute;transform:translate(-50%, 0);top:110%;left:50%;
	width:95%;height:auto;min-height:45px;max-height:300px;overflow:auto;background:#ffffff;box-shadow:0 0 10px #e8e8e8;border-radius:8px;
	padding:10px;box-sizing:border-box;z-index:999;
}
.searchPopupArea > .searchPopup > ul > li {padding:5px;cursor:pointer;}
.searchPopupArea > .searchPopup > ul > li:hover:not(.empty) {font-weight:900;}

/* 종사업장 정보박스 */
.infoCardList {display:flex;flex-direction:column;width:100%;height:100%;gap:10px;box-sizing:border-box;}
.infoCardList .infoCard {display:flex;flex-direction:column;width:100%;background:#F8F9FD;border-radius:5px;border: var(--border-grid);}
.infoCardList .infoCard .top {display:flex;align-items:center;justify-content:space-between;width:100%;height:60px;padding:0 45px;;box-sizing:border-box;font-size:16px;font-weight:700;color:#31353B;border-top-left-radius:5px;border-top-right-radius:5px;}
.infoCardList .infoCard .top div {display:flex;gap:10px;}
.infoCardList .infoCard .top div span {width:240px;}
.infoCardList .infoCard .center {width:100%;display:none;grid-template-columns: repeat(2, 1fr);gap:10px;padding:20px 42px;font-size:13px;box-sizing:border-box;border-top:var(--border-grid);transition:0.3s;}
.infoCardList .infoCard .center .item {display:flex; justify-content:space-between;padding:5px 0;}
.infoCardList .infoCard .center label {width:50%;text-align:left;}
.infoCardList .infoCard .center .value {width:50%;text-align:left;font-weight:500;}
.btn_arrowSquareDown,.btn_arrowSquareUp {width:30px;height:30px;vertical-align:middle;font-size:0;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;}
.btn_arrowSquareDown:hover,.btn_arrowSquareUp:hover {border-color:#d5dfe8}
.btn_arrowSquareDown{width:26px;height:26px;background:url(/images/ic_arrow_square_down.svg) no-repeat 50% 50%/21px auto}
.btn_arrowSquareUp{width:26px;height:26px;background:url(/images/ic_arrow_square_up.svg) no-repeat 50% 50%/21px auto}
.infoCardList .infoCard .bottom .item~.item{margin-top:4px}
.infoCardList .infoCard .bottom .item{position:relative;display:grid;grid-template-columns:60px 11% 11% 11% 16% 11% 11% 1fr;align-items:center;height:60px;padding-left:22px;color:#2e3238;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:0;border-top:var(--border-grid);background:#ffffff;}
.infoCardList .infoCard .bottom .item div:nth-child(1) img{width:31px;height:31px;}

/* 검색 결과 고정 디자인 */

.dateCtrlForm {position:relative;display:inline-block;height:24px;line-height:24px;padding:2px 32px 2px 12px;border-radius:20px;background:#eaeaea;}
.dateCtrlForm.type {position:relative;display:inline-block;height:24px;line-height:24px;padding:2px 12px 2px 12px;border-radius:20px;background:#eaeaea;}
.dateCtrlForm button{position:absolute;top:2px;right:4px;width:24px;height:24px;font-size:0;}
.dateCtrlForm button:before, .dateCtrlForm button:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:16px;height:1px;background:#bfbfbf;transform:rotate(45deg);}
.dateCtrlForm button:after{transform:rotate(-45deg);}

/* 정기점검 점검대상 박스 디자인 */
.inspectionProductBox {width:97%;height:auto;border:var(--border-grid);display:flex;flex-direction:column;padding:10px;justify-content:space-between;margin:10px;box-sizing:border-box;}
.inspectionProductBox .topArea {width:100%;height:30px;display:flex;justify-content:flex-end;gap:5px;}
.inspectionProductBox .topArea.type {justify-content:space-between;}
.inspectionProductBox .topArea button.edit {position:relative;width:30px;height:30px;border-radius:5px;display:flex;}
.inspectionProductBox .topArea button.edit:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);background:url("/img/edit.png") no-repeat;background-size:20px;width:20px;height:20px;font-size:0;}
.inspectionProductBox .topArea button.delete {position:relative;width:30px;height:30px;display:flex;}
.inspectionProductBox .topArea button.delete:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);background:url("/img/delete.png") no-repeat;background-size:20px;width:20px;height:20px;font-size:0;}
.inspectionProductBox .bottomArea {width:100%;height:30px;display:flex;justify-content:flex-end;gap:5px;}
.inspectionProductBox .productTb {width:100%;height:100%;gap:10px;}
.inspectionProductBox .productTb th {width:15%;text-align:left;padding:5px 0;font-size:12px;}
.inspectionProductBox .productTb td {width:85%;padding:5px 0;font-size:12px;}
.inspectionProductBox .productTb td select {width:100% !important;}
.inspectionProductBox .productTb td > div {display:flex;flex-direction:column;gap:10px;}

/* style.css (gridG)  */
.gridG.col2{grid-template-columns:1fr 2fr;}

.layerPop_container > .popup #confirmedMainEngineer{ display: flex; align-items: center; width:85%;}
.layerPop_container > .popup .confirmedSubEngineer{ display: flex; align-items: center; width:74%;}
.layerPop_container > .popup #confirmedMainEngineer .confirmedItem{/* display: flex;align-items: center;height: 100%;border: 1px solid;padding: 5px;border-radius: 5px;background: #d8d8d8; justify-content:space-around */}
.layerPop_container > .popup .confirmedSubEngineer .confirmedItem{/* display: flex;align-items: center;height: 100%;border: 1px solid;padding: 5px;border-radius: 5px;background: #d8d8d8; justify-content:space-around */}
.layerPop_container > .popup #confirmedCustomer{width: 100%;display: flex;align-items: center;}
.layerPop_container > .popup #confirmedCustomer .confirmedItem{/* display: flex;align-items: center;height: 100%;border: 1px solid;padding: 5px; width: 30%;border-radius: 5px;background: #d8d8d8;justify-content:space-around */}
.layerPop_container > .popup .searchPopupArea #mainEngiInfoInput{width:85%;}
.layerPop_container > .popup .searchPopupArea #subEngiInfoInput{width:80%;}

.layerPop_container > .popup #confirmedMainManager{ display: flex; align-items: center; width:85%;}
.layerPop_container > .popup .confirmedSubManager{ display: flex; align-items: center; width:74%;}
.layerPop_container > .popup .searchPopupArea #mainManaInfoInput{width:85%;}
.layerPop_container > .popup .searchPopupArea #subManaInfoInput{width:80%;}

/* .popup_container > .popup .searchPopupArea #confirmedUser{ display: flex; align-items: center; justify-content:flex-start;}
.popup_container > .popup .searchPopupArea #userInPutBox{width:100%;} */

.layerPop_container > .popup > .body .productInfoBoard{line-height: 2.3;background-color: #f4f5f8;padding:10px;}
.layerPop_container > .popup > .body .productInfoBoard .goOtherCompanyPage{display:block;text-align:left;width:100%; color:#00ba65;cursor:pointer;}

.searchManagerPopupArea {position:relative;width:80%;height:40px;display:flex; align-items:center;}
.searchManagerPopupArea > .searchBox {width:95%;height:40px;border:1px solid silver;border-radius:8px;padding:0 10px;box-sizing:border-box;}
.searchManagerPopupArea > .searchPopup {
	position:absolute;transform:translate(-50%, 0);top:110%;left:50%;
	width:95%;height:auto;min-height:45px;max-height:300px;overflow:auto;background:#ffffff;box-shadow:0 0 10px #e8e8e8;border-radius:8px;
	padding:10px;box-sizing:border-box;z-index:999;
}
.searchManagerPopupArea > .searchPopup > ul > li {padding:5px;cursor:pointer;}
.searchManagerPopupArea > .searchPopup > ul > li:hover:not(.empty) {font-weight:900;}



.datepicDesignPointer{width:190px;border-radius:0 ! important;background:url(../images/ic_cha.png) #f9f9f9 no-repeat right center;cursor:pointer;}
.datepicDesignPointer.type{background-color:#fff}

.popup_container .msg {margin-top: 6px;font-size: 12px;color: #379982;}

.btng .btn_toggle .directSign{display:flex;align-items:center;justify-content:center;width: 105px;height: 30px;color: #8097b7;font-size: 14px;color: #fff;background: #00ba65;}
.table_layout_fixed{table-layout:fixed}

.btn_download{cursor:pointer;width:20px;height:20px;vertical-align:middle;font-size:0;border:1px solid transparent;border-radius:4px;background:url(../images/ic_download.svg) no-repeat 50% 50%/15px auto;transition:all 0.2s ease-in-out;}

.gridGroupA .aside .otherCompanyTabArea{z-index:999; position:absolute; width:100%; height:40px; top:-40px; left:0%; display:flex;justify-content:center;align-items:center;}
.gridGroupA .aside .otherCompanyTabArea > div:nth-child(1){border-bottom:1px solid #e3e3e3; background:#f4f5f8; width:25%; height:100%;}
.gridGroupA .aside .otherCompanyTabArea > div:nth-child(2){border:1px solid #e3e3e3;display:flex;justify-content:center;border-right:0;  border-bottom:1px solid white; background:#f4f5f8;align-items:center;width:25%; height:100%; font-weight:600;cursor:pointer}
.gridGroupA .aside .otherCompanyTabArea > div:nth-child(3){border:1px solid #e3e3e3;display:flex;background:#f4f5f8;  border-bottom:1px solid white;justify-content:center;align-items:center;width:25%; height:100%; font-weight:600;cursor:pointer}
.gridGroupA .aside .otherCompanyTabArea > div:nth-child(4){border-bottom:1px solid #e3e3e3; background:#f4f5f8; width:25%; height:100%;}
.gridGroupA .aside .otherCompanyTabArea > div:nth-child(2).current{border-bottom:1px solid #e3e3e3; border-bottom:1px solid white; background:white; border-right:0; width:25%; height:100%; font-weight:600; color:#364f96;cursor:pointer;}
.gridGroupA .aside .otherCompanyTabArea > div:nth-child(3).current{border-bottom:1px solid #e3e3e3; background:white; border-bottom:1px solid white; width:25%; height:100%; font-weight:600; color:#364f96;cursor:pointer;}

.popup_container #systemGroupPopup .body{height:250px;}
.popup_container #systemGroupPopup .body .forms strong{display: inline-block;width: 5px;height: 5px;vertical-align: middle;border-radius: 100%;font-size: 0;background: #ff5e5a;}
.popup_container #systemGroupPopup .body .forms input{width: 100%;border-left:0 ! important;border-right:0 ! important;border-top:0 ! important;border-radius:0}
.popup_container #systemGroupPopup .body .forms input.size1{width:194px}
.popup_container #systemGroupPopup .forms > div{display:table-row;}
.popup_container #systemGroupPopup .forms dt{display:table-cell;vertical-align:middle;width:70px;height:32px;}
.popup_container #systemGroupPopup .forms{display:table;width:100%;}
.popup_container #systemGroupPopup .forms dt.vt{vertical-align:top;padding-top:13px;}
.popup_container #systemGroupPopup .forms dd{display:table-cell;vertical-align:middle;height:32px;padding:4px 0;}

.popup_container #systemFilePopup .body{height:200px;}
.popup_container #systemFilePopup .body .forms strong{display: inline-block;width: 5px;height: 5px;vertical-align: middle;border-radius: 100%;font-size: 0;background: #ff5e5a;}
.popup_container #systemFilePopup .body .forms input{width: 100%;border-left:0 ! important;border-right:0 ! important;border-top:0 ! important;border-radius:0}
.popup_container #systemFilePopup .body .forms input.size1{width:194px}
.popup_container #systemFilePopup .forms > div{display:table-row;}
.popup_container #systemFilePopup .forms dt{display:table-cell;vertical-align:middle;width:70px;height:32px;}
.popup_container #systemFilePopup .forms{display:table;width:100%;}
.popup_container #systemFilePopup .forms dt.vt{vertical-align:top;padding-top:13px;}
.popup_container #systemFilePopup .forms dd{display:table-cell;vertical-align:middle;height:32px;padding:4px 0;}

.popup_container .forms{display:table;width:100%;}
.popup_container .forms > div{display:table-row;}
.popup_container .forms dt{display:table-cell;vertical-align:middle;width:110px;height:32px;}
.popup_container .forms.size dt{width:85px;}
.popup_container .forms dt strong,.layerPop_container .forms .txtInput .tit strong{display:inline-block;width:5px;height:5px;vertical-align:middle;border-radius:100%;font-size:0;background:#ff5e5a}
.popup_container .forms dt.vt{vertical-align:top;padding-top:9px;}
.popup_container .forms dd{display:table-cell;vertical-align:middle;height:32px;padding:4px 0;}
.popup_container .forms .data{line-height:32px;padding:0 10px;border-bottom:1px solid #e2e2e2;}
.popup_container .forms .size1{width:194px;}
.popup_container .forms .size2{width:250px;}
.popup_container .forms .size3{width:167px;}
.popup_container .forms .size4{width:90px;}
.popup_container .forms textarea{width:100%;height:60px;}
.popup_container .forms .input{width:100%;border-left:0 ! important;border-right:0 ! important;border-top:0 ! important;border-radius:0}
.popup_container .forms .input.size1{width:194px}
.popup_container .forms .time{width:92px;padding-left:34px;background:url(../images/ic_time.png) no-repeat 0 50%;}
.popup_container .forms .datepic{width:150px;}
.popup_container .forms .dateInput .input{width:calc(100% - 160px);margin-left:6px;}
.popup_container .forms .chkg li~li{margin-top:4px;}
.popup_container .forms .dateTime_g > div{margin-bottom:10px}
.popup_container .forms .em{margin-left:4px;font-size:11px;color:#379982}
.popup_container .forms .txt{margin-top:6px;color:#2e3238}
.popup_container .forms .txtInput > div{margin-bottom:10px}
.popup_container .forms .txtInput .tit{display:inline-block;width:70px;color:#2e3238}
.popup_container .forms .txtInput .input{width:calc(100% - 108px)}
.popup_container .forms .btnM6{min-width:80px}
.popup_container .forms .txt_addr{width:330px;margin-top:12px;line-height:22px;color:#2e3238}
.popup_container .forms .dataBtn{position:relative;padding-right:34px;}
.popup_container .forms .dataBtn button{position:absolute;top:4px;right:0;}
.popup_container .forms .dataBtn .SumoSelect + .input{width:calc(100% - 83px)}
.popup_container .forms .item~.item{margin-top:4px}

.systemDragDrop {display:flex;flex-direction:column;gap:0 !important;align-items:flex-start !important;}
.systemDragDrop > .addFileList {border:1px solid #379982;border-bottom:0;width:100%;border-top-left-radius:5px;border-top-right-radius:5px;padding:10px;display:flex;flex-direction:column;gap:8px;display:none;box-sizing:border-box;}
.systemDragDrop > .addFileList > .fileElement {display:flex;justify-content:space-between;align-items:center;font-size:10pt;cursor:pointer;}
.systemDragDrop > .addFileList > .fileElement > .reportIcon {border-radius:5px;width:50px;height:20px;line-height:20px;text-align:center;background:#b36a64;color:white;font-size:9pt;margin-right:5px;}
.systemDragDrop > .addFileList > .fileElement > span {width:100%;user-select: none;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}
.systemDragDrop > .additionalInfo {margin-top:10px;}
.systemDragDropArea {position:relative;width:100%;min-height:60px;border:1px solid #e2e2e2;border-radius:5px;cursor:pointer;border-radius: 5px;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 8px;}
.systemDragDropArea input[type="file"] {display:none;}
.systemDragDropArea.empty{border:1px dashed red;}
.systemDragDropArea.dropZoneOver {border:1px solid #528136;background:#f5fbf2;}
.systemDragDropArea:before {content:"";width:20px;height:20px;background:url("/images/ic_addfile.svg") no-repeat;background-size:20px;}
.systemDragDropArea:after {content:"마우스 클릭 또는 드래그해서 파일을 추가해 주세요.";font-size:12px;color:#8e8e8e;text-align:center;}

.wastebasketBtn {
	background:url(../images/ic_delete.svg) no-repeat 50% 50%/21px auto;width:30px;height:30px;vertical-align:middle;font-size:0;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;
}

.productItemCheckBox input[type=checkbox]{opacity:0;-webkit-appearance:none}
.productItemCheckBox{display:inline-block;position:relative;}
.productItemCheckBox label{display:inline-block;padding-left:27px;line-height:20px;}
.productItemCheckBox input[type="checkbox"]{position:absolute;top:2px;left:0;}
.productItemCheckBox label:before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border:1px solid #e5e5e6;background:#fff}
.productItemCheckBox input[type="checkbox"]:checked + label::before{border-color:#00b78b;background:url(../images/ic_check_w.svg) no-repeat 50% 50% #00b78b}

.notificationGoPageBtn{width:100px;}

.notificationRightBody{display:flex;flex-direction:column;gap:20px;padding:25px 40px !important;}

.notificationRightBody .tit_h3{font-size: 16px;font-weight: 700;color: #364f96;margin:0 !important;}

.notificationCenterRightBody{display:flex;flex-direction:column;gap:5px;}
.notificationCenterRightBody .tit_h3{font-size: 16px;font-weight: 700;color: #364f96;margin:0 !important;}

.notificationNaviArea .notificationLocation{cursor:pointer;color:blue;text-decoration:underline;}
.centerNotificationNaviArea .centerNotificationLocation{cursor:pointer;color:blue;text-decoration:underline;}

/* .notificationCenterRightBody{position:relative;padding:20px 0 0;min-height:calc(100vh - 150px);margin-bottom:-40px;background:var(--bg-grid);border:var(--border-grid);box-sizing:border-box;} */

.notificationCenterRightBody > .centerHad{padding:15px;background:#f5f7fa;}
.notificationCenterRightBody > .centerHad dl > div{display:grid;grid-template-columns:70px 1fr;}
.notificationCenterRightBody > .centerHad dl > div~div{margin-top:14px}
.notificationCenterRightBody > .centerHad dl .tit{display:flex;gap:0 6px}
.notificationCenterRightBody > .centerHad dl .tit span{position:relative;top:-4px;width:calc(100% - 51px);line-height:28px;font-size:14px;font-weight:700;color:#001529;}

.notificationCenterRightBody > .body{line-height:20px;font-size:12px;display:flex;flex-direction:column;gap:20px;}

.notificationCenterRightBody .board_box{position: relative;padding: 10px 35px;min-height: calc(100vh - 150px);margin-bottom: -40px;background: var(--bg-grid);border: var(--border-grid);box-sizing: border-box;}

#notificationSidePopup .no_search_data_box {height:90.5%;}
.layerPop_container .alarm_ui .rowC .alarmMoreBtn{margin-left:7px;}

.layerPop_container .alarm_ui .state_txt{gap:0px !important; height:40px;}
.layerPop_container .alarm_ui .state_txt > div{width: 25%;border-bottom:1px solid #e2e2e2;height: 100%;box-sizing: border-box;}
.layerPop_container .alarm_ui .state_txt .stateBtn:nth-child(2){display: flex;border: 1px solid #e2e2e2;border-bottom: 1px solid white;border-right: none;width: 25%;height: 100%;justify-content: center;align-items: center;background:#f4f5f8;}
.layerPop_container .alarm_ui .state_txt .stateBtn:nth-child(3){display: flex;border: 1px solid #e2e2e2;border-bottom: 1px solid white;width: 25%;height: 100%;justify-content: center;align-items: center;background:#f4f5f8;}

.layerPop_container .alarm_ui .state_txt .stateBtn:nth-child(2).on{display: flex;background:white !important;border: 1px solid #e2e2e2;border-bottom: 1px solid white;border-right: none;width: 25%;height: 100%;justify-content: center;align-items: center;background:#f4f5f8;}
.layerPop_container .alarm_ui .state_txt .stateBtn:nth-child(3).on{display: flex;background:white !important;border: 1px solid #e2e2e2;border-bottom: 1px solid white;width: 25%;height: 100%;justify-content: center;align-items: center;background:#f4f5f8;}

.newAlarm:before{content:"";width:20px;height:20px;background:url("/images/ic_new.svg") no-repeat;background-size:20px;}
.notRead {background:#FBFDFD !important;border-style:solid !important;border-color:#D6EAEA !important;border-width:1px !important;border-radius:5px !important;}
.notRead .isRead{color:#339697 !important;}
.item .isRead{position: absolute;top: 0; bottom: 0;right: 14px; margin: auto 0;width: 36px; height: 22px;text-align:right;}

.productTerminateTarget{font-weight:700;}
/* .notificationRightBody .customerName {font-weight:600;}

#notificationCenterPopup .customerName {font-weight:600;} */

#notificationCenterPopup .tit_h3 {font-size: 16px;font-weight: 700;color: #364f96;margin:0 !important;}

.boardReadTd .textS1{    color: #8097b7;border:1px solid #8097b7;background: #f2f6ff;height: 22px;line-height: 20px;padding: 4px 8px;text-align: center;border-radius: 4px;font-size: 12px ! important;font-weight: 700;}

.boardReadTd .textS1{color: #8097b7;border:1px solid #8097b7;background: #f2f6ff;height: 22px;line-height: 20px;padding: 4px 8px;text-align: center;border-radius: 4px;font-size: 12px ! important;font-weight: 700;}

.trash_box .cola .notificationList{overflow-y: auto;height: calc(100vh - 285px);padding: 6px;}

.trash_box .notificationBody{overflow-y: auto;height: calc(100vh - 160px) !important;}

.trash_box .cola .item.current{background : #FFFFFF; border-style : solid; border-color : #45C5B0; border-width : 1px; border-radius : 5px;}

.notificationRightBody .no_data_box{height: calc(100vh - 400px) !important;}

.sideFix_grid .sideFix .teamItem {max-height:665px;overflow-y:auto;}

.sideFix_grid .dec_box .txtg{max-height:1100px; overflow-y:auto;}

.calendar #datepickerArea > .ui-datepicker-inline{width:98%;}
/* .calendar #datepickerArea > .ui-datepicker-inline .ui-datepicker td span, .ui-datepicker td a {width: 22px !important;} */
.calendar #datepickerArea > .ui-datepicker-inline .ui-datepicker .ui-datepicker-month{font-size:19px !important;}
.sideFix_grid .calendar{padding:20px 11px !important;}

.chk_box.s1 input[type="checkbox"]:checked + label::before{border-color:#014D5D;background-color:#014D5D}
.chk_box.s2 input[type="checkbox"]:checked + label::before{border-color:#048A89;background-color:#048A89}
.chk_box.s3 input[type="checkbox"]:checked + label::before{border-color:#5FE2BE;background-color:#5FE2BE}
.chk_box.s4 input[type="checkbox"]:checked + label::before{border-color:#283593;background-color:#283593}
.chk_box.s5 input[type="checkbox"]:checked + label::before{border-color:#3D5AFE;background-color:#3D5AFE}
.chk_box.s6 input[type="checkbox"]:checked + label::before{border-color:#8C9EFF;background-color:#8C9EFF}
.chk_box.s7 input[type="checkbox"]:checked + label::before{border-color:#E68AC0;background-color:#E68AC0}
.chk_box.s8 input[type="checkbox"]:checked + label::before{border-color:#ABB2BD;background-color:#ABB2BD}

.customerCalendarArea .dec_box .txt#schedule_1{color:#014D5D;}
.customerCalendarArea .dec_box .txt#schedule_1::before{background-color:#014D5D}
.customerCalendarArea .dec_box .txt#schedule_2{color:#048A89;}
.customerCalendarArea .dec_box .txt#schedule_2::before{background-color:#048A89;}
.customerCalendarArea .dec_box .txt#schedule_3{color:#5FE2BE;}
.customerCalendarArea .dec_box .txt#schedule_3::before{background-color:#5FE2BE;}
.customerCalendarArea .dec_box .txt#schedule_4{color:#283593;}
.customerCalendarArea .dec_box .txt#schedule_4::before{background-color:#283593;}
.customerCalendarArea .dec_box .txt#schedule_5{color:#3D5AFE;}
.customerCalendarArea .dec_box .txt#schedule_5::before{background-color:#3D5AFE;}
.customerCalendarArea .dec_box .txt#schedule_6{color:#8C9EFF;}
.customerCalendarArea .dec_box .txt#schedule_6::before{background-color:#8C9EFF;}
.customerCalendarArea .dec_box .txt#schedule_7{color:#E68AC0;}
.customerCalendarArea .dec_box .txt#schedule_7::before{background-color:#E68AC0;}
.customerCalendarArea .dec_box .txt#schedule_8{color:#ABB2BD;}
.customerCalendarArea .dec_box .txt#schedule_8::before{background-color:#ABB2BD;}

.tippy-btnBox{
	display:flex;
	justify-content:center;
	gap:10px;
	border-top:1px solid #e2e2e2;
	height:42px;
	align-items:center;
	
}

.tippy-content{
	background-color:white;
	border:1px solid #e2e2e2;
	font-size:12px;
	color:#404449;
	width:400px;
}

.tippy-content-box{
	padding:20px 30px 0 30px;
	height:80px;
	line-height:25px;
	letter-spacing : -0.25px;
	color:#363737;
	text-align:center;
}

.tippy-content-hover-box{
	padding:20px 30px 20px 30px;
	text-align:center;
}

.tippy-header{
	color:black;
	display:flex;
	justify-content:center;
	align-items:center;
	height:40px;
	background-color:#e4e8eb;
	font-size:14px;
	letter-spacing:-0.25px;
	font-weight:bold;
}

.tippy-btnBox .tippy-editBtn:after{
	content:"";
    background:url("/img/pen.svg") no-repeat ;
    position:absolute;
    width:12%;
    height:15%;
    background-size:80% 100%;
    top:82%;
    left:6%;
    
}

.tippy-btnBox .tippy-deleteBtn:after{
	content:"";
    background:url("/img/send.svg") no-repeat;
    position:absolute;
    width:12%;
    height:15%;
    background-size:80% 100%;
    top:82%;
    left:36%
}

.tippy-btnBox .tippy-mailBtn:after{
	content:"";
    background:url("/img/mail.svg") no-repeat;
    position:absolute;
    width:12%;
    height:15%;
    background-size:80% 100%;
    top:82%;
    left:66%;
    
}

.tippy-btnBox .tippy-vacEditBtn:after{
	content:"";
    background:url("/img/pen.svg") no-repeat;
    position:absolute;
    width:12%;
    height:15%;
    background-size:80% 100%;
    top:81%;
    left:10%;
    
}

.tippy-btnBox .tippy-vacDeleteBtn:after{
	content:"";
    background:url("/img/send.svg") no-repeat;
    position:absolute;
    width:12%;
    height:15%;
    background-size:80% 100%;
    top:81%;
    left:55%
}

#datepickerArea .ui-state-active{
	border:0.1px solid #3b973b;width:25px;border-radius:0;
	/* height:20px; */
}

.board_manage_box.size1{min-height:calc(100vh - 230px) !important;}

.board_manage_box .had .box{
	position: absolute;top: 0; right: 0 !important;
}

#datepickerArea .ui-widget.ui-widget-content{
	box-shadow:none;
	border:none;
}

#boardListGroupPopup .boardListGroupHad{width: 500px;height: 530px;padding-right: 12px; margin-right: -12px;}
#boardListGroupPopup .boardListGroupHad .group_had{padding:10px; background-color:#f4f5f8;}
#boardListGroupPopup .boardListGroupHad .group_had .txtG{font-size:14px;}

#groupListPopup .groupListPopupHad{width: 500px;height: 530px;padding-right: 12px; margin-right: -12px;}
#groupListPopup .groupListPopupHad .group_had{padding:10px; background-color:#f4f5f8;}
#groupListPopup .groupListPopupHad .group_had .txtG{font-size:14px;}

#boardListPopup .board_list{max-height: 880px;overflow-y: auto;}
#boardListPopup .forms .popupBoardDescription{height:120px !important;}

.agreeContentBtn{border:1px solid #00ba65; color: #00ba65;border-radius:30px;text-align:center;padding:5px 10px;}

#inquiryListPopup .replyInfoContainer .replyInfoArea .replyInfoPhoneQuiryBox{display:flex;gap:10px;align-items:center;}

#inquiryListPopup .replyInfoContainer .replyInfoArea .popupReplyInfoDate{cursor:pointer;}

.board_list .inquiryListTbody tr{cursor:pointer;}

.board_box .inquiry_detail{min-height:calc(100vh - 600px);}
.board_box .inquiryBtnArea{display:flex;justify-content:center;gap:10px;}

.inquiry_detail .body{width:50%}
.inquiry_detail .body .forms{display: table;width: 100%;}
.inquiry_detail .body .forms > div {display:table-row;}
.inquiry_detail .body .forms dt{display: table-cell;vertical-align: middle;width: 110px;height: 32px;}
.inquiry_detail .body .forms .input{width: 100%;border-left: 0 ! important;border-right: 0 ! important;border-top: 0 ! important;border-radius: 0;}
.inquiry_detail .body .forms textarea{width:100%; height:100px;}
.inquiry_detail .body .forms strong{display: inline-block;width: 5px;height: 5px;vertical-align: middle;border-radius: 100%;font-size: 0;background: #ff5e5a;}
.inquiry_detail .body .forms dd{display: table-cell;vertical-align: middle;height: 32px;padding: 4px 0;}

.inquiry_detail_complete{min-height:200px;}
.board_head_btn_box {background-color: #fff;padding: 15px 30px;text-align: right;border: var(--border-grid);box-sizing: border-box;}

.no_data_box{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color: white;gap:15px;}
.no_data_img{content: "";background: url(/images/ic_no_search_data.svg) no-repeat 50% 50%;background-size: 100%;width:60px;height:60px;}
.no_data_img2{content: "";background: url(/images/ic_no_data.svg) no-repeat 50% 50%;background-size: 100%;width:150px;height:150px;}

.no_data_box .no_data_txt{font-size:17px;font-weight:700;}
.no_data_box .no_data_txt.size1{font-size:14px;font-weight:700;}
.gridGroupA.no_data_box{height: calc(100vh - 224px);}
.no_data_box .btng_had{top:74px; right:29px;}

.no_data_box .btn1.ic_empty_add{background-color:#009AAF !important;padding:10px 25px !important;line-height:0;border-radius:5px;}
.no_data_box .btn1.ic_empty_add:hover{opacity:0.8;}
.no_search_data_box{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color: white;gap:15px;}
.no_search_data_img{content: "";background: url(/images/ic_no_search_data.svg) no-repeat 50% 50%;background-size: 100%;width:60px;height:60px;}

.no_search_data_box .no_search_data_txt{font-size:14px;font-weight:700;}
.no_search_data_box .btn1.ic_empty_add{background-color:#009AAF !important;height:52px;}

.tit3_h2 .btn_modify{margin-left:5px;margin-bottom:2.5px;}

.productFileItem{display:flex;}

.btn_toggle .shareToggleBtn.other,.btn_toggle .notShareToggleBtn.other{width:100px !important;}

.addUserDataBtn{color:#8097b7;border-color:#8097b7;background:#f4f6f9;position:relative;display:inline-block;width:25px;height:25px;line-height:30px;padding:0 12px;text-align:center;border-radius:4px;font-size:12px ! important;font-weight:700;border:1px solid transparent;background:#fff;transition:all 0.3s ease-in-out;}
.addUserDataBtn.ic_add:before{position:relative;top:-4px;left:-5px;content:"";display:inline-block;vertical-align:middle;margin-right:6px;transition:all 0.2s ease-in-out;width:10px;height:10px;background:url(/images/ic_add.svg) no-repeat 50% 50%/contain;}
.addUserDataBtn.ic_add:hover:before{background:url(/images/ic_add_w.svg) no-repeat 50% 50%/contain;}
.addUserDataBtn:hover{color:#fff;background:#8097b7}

#deleteUserData.btn_del{background:url(../images/ic_delete.svg) no-repeat 50% 50%/21px auto;width:25px !important;height:25px !important;vertical-align:middle;font-size:0;border:1px solid transparent;border-radius:4px;transition:all 0.2s ease-in-out;}
#deleteUserData.btn_del:hover{border-color:#d5dfe8}

.reportIcon{border-radius: 5px;width: 50px; height: 20px;line-height: 20px;text-align: center;background: #b36a64; color: white;font-size: 9pt;margin-right: 5px;}
.ic_report{display:inline-flex;;justify-content:center; border-radius: 5px;width: 47px; height: 20px;text-align: center;background: #b36a64; color: white;font-size: 9pt;margin-right: 5px;}
.ic_report:before{content:"보고서";}
.ic_reference{display:inline-flex;;justify-content:center; border-radius: 5px;width: 47px; height: 20px;text-align: center;background: #648fb3; color: white;font-size: 9pt;margin-right: 5px;}
.ic_reference:before{content:"참고";}

.regReportContentArea .reportContentArea table tr td.taskTitleArea .btn_linkage{background: url(../images/ic_linkage.svg) no-repeat 50% 50% / 18px auto;width:25px;height:25px;}
.notificationRightBody .reportContentArea table tr td.taskTitleArea .btn_linkage{background: url(../images/ic_linkage.svg) no-repeat 50% 50% / 18px auto;width:25px;height:25px;}
.notificationCenterRightBody .notificationCenterRightContentBody table tr td.taskTitleArea .btn_linkage{background: url(../images/ic_linkage.svg) no-repeat 50% 50% / 18px auto;width:25px;height:25px;}

#customerInspectionVisitPopup .chk_box div.SumoSelect{margin-left:25px;}
#customerInspectionVisitPopup .chk_box label:not([class='SumoLabel']):before{position: absolute;top: 7px !important;}
#customerTaskVisitPopup .chk_box div.SumoSelect{margin-left:25px;}
#customerTaskVisitPopup .chk_box label:not([class='SumoLabel']):before{position: absolute;top: 7px !important;}


/* 시연용 예비 css */

.standard-tb {
	border:1px solid silver;width:50%;border-bottom:0;
}
.standard-tb.col {
	border:0;
}

.standard-tb > table {
	width:100%;
}

.standard-tb table tr th {
	padding:10px;text-align:center;border-bottom:1px solid silver;
}

.standard-tb table tr td {
	padding:10px;text-align:center;border-bottom:1px solid silver;
}

.standard-tb.col table tr th {
	padding:10px;text-align:left;border:0;
}

.standard-tb.col table tr td {
	padding:10px;text-align:left;border:0;
}

.essential:after {
	content:" *";color:#42cd42;
}
.content span.title {font-size:13pt;font-weight:700;display:flex;align-items:center;}
.content span.title i.help {margin:0 5px;width:18px;height:18px;background:url("/img/help.png") no-repeat;background-size:18px;cursor:pointer;}

.functionBox {width:100%;display:flex;align-items:center;justify-content:space-between;}
.functionBox.bgWhite {background:#ffffff;box-shadow:0 0 5px #c9c9c9;border-radius:5px;height:70px;padding:0 30px;}
.functionBox > div {width:50%;display:flex;gap:10px;}
.functionBox.split2 > div {width:50%;display:flex;gap:10px;}
.functionBox.split3 > div {width:33%;display:flex;gap:10px;}
.functionBox > div:first-child {justify-content:flex-start;}
.functionBox > div:last-child {justify-content:flex-end;}
.functionBox .countBox {font-size:11pt;font-weight:500;}
.functionBox .countBox font {color:green;}
.functionBox .searchBox.type1 {position:relative;width:100%;height:35px;padding:5px 35px;border:0;box-shadow:0 0 5px silver;background:#ffffff;border-radius:3px;}
.functionBox .searchBox.type2 {position:relative;width:100%;height:35px;padding:5px 35px;border:0;box-shadow:0;border-bottom:2px solid silver;}
.functionBox .searchBox:before {content:"";position:absolute;top:5px;left:5px;width:25px;height:25px;background:url("/img/search.png") no-repeat;background-size:25px;}
.functionBox .searchBox input[type="text"] {position:relative;width:100%;height:100%;border:0;outline:none;}
.functionBox ul.ellipseTabMenu {display:flex;gap:10px;}
.functionBox ul.ellipseTabMenu > li {position:relative;background:#F9F9F9;padding:8px 25px;border-radius:50px;font-size:10pt;font-weight:600;box-shadow:0 0 5px #c9c9c9;cursor:pointer;min-width:90px;}
.functionBox ul.ellipseTabMenu > li:hover {opacity:0.7;}
.functionBox ul.ellipseTabMenu > li.current {background:#CDFCEA;color:#50C1A0;border:1px solid #8DDECB;}
.functionBox select {width:100px;height:30px;border:1px solid silver;border-radius:5px;}
.functionBox .btnArea {display:flex;gap:10px;}
.functionBox .btnArea button {padding:8px 20px;background:#ffffff;color:#7890B2;font-size:11pt;border:1px solid #D8E6E5;font-weight:500;border-radius:5px;}

.returnPageBtn {padding:8px 25px;border:1px solid #7FDBC5;border-radius:5px;color:#39B692;background:#CDFCEA;font-weight:500;font-size:10pt;}

.d--flex{
	display:flex !important;
}

/* jstree */
.jstree-default .jstree-wholerow-clicked{
	position:relative;
/* 	display:none; */
	background: none !important;
	border: 2px solid #00ba65 !important;
    
}
input[type="password"].empty{
    border-bottom: 1px solid red;
}

/* 마하 프로모션 신청  */
.joinContainer {position:relative;width:100%;height:100%;background:#ffffff;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-y:auto;padding:100px 0 0 0;box-sizing:border-box;flex-direction:column;}
.joinContainer .joinBox {width:700px;box-sizing:border-box;display:flex;flex-direction:column;}
.joinContainer .joinBox .tit {font-size:24px;font-family:'nanumb';font-weight:700;text-align:center;color:#43AB94;margin-bottom:30px;display:none;}
.joinContainer .joinBox .subTit {font-size:17px;font-weight:700;text-align:left;margin-bottom:20px;}
.joinContainer .joinBox .inputCont {width:100%;display:flex;flex-direction:column;gap:20px;margin-top:20px;}
.joinContainer .joinBox .inputCont dt {font-size:15px;font-weight:700;}
.joinContainer .joinBox .inputCont dd {display:flex;gap:5px;}
.joinContainer .joinBox .inputCont dd input[type="text"] {width:100%;height:35px;}
.joinContainer .joinBox .inputCont dd > button {width:120px;height:35px;line-height:35px;text-align:center;border-radius:5px;color:#ffffff;background:#43AB94;transition:0.3s;}
.joinContainer .joinBox .inputCont dd > button:hover {opacity:0.7;}
.joinContainer .joinBox .inputCont .agreeBox {width:100%;background:#F8FCFC;border-radius:10px;padding:15px 25px;display:flex;flex-direction:column;justify-content:center; gap:15px;}
.joinContainer .joinBox .inputCont .agreeBox .agreeLine {height:1px;width:100%;background:#dfdfdf;}
.joinContainer .joinBox .inputCont .agreeBox .agreeElement {display:flex;align-items:center;}
.joinContainer .joinBox .inputCont .agreeBox button {color:#43AB94;margin-left:auto;}
.joinContainer .joinBox .inputCont .agreeBox button:hover {opacity:0.7;}
.joinContainer .joinBtn {width:150px;height:35px;line-height:35px;text-align:center;border-radius:5px;color:#ffffff;background:#43AB94;margin:0 auto;margin-top:30px;font-weight:700;}
.joinContainer .joinBtn:hover {opacity:0.7;}
.joinContainer input[type="text"]:focus {border:1px solid green;}
.joinContainer input[type="text"].empty {border:1px solid red;}
.joinContainer textarea.empty {border:1px solid red;}
.joinContainer select.empty {border:1px solid red;}
.joinContainer select.empty + p {border:1px solid red;}
.joinContainer .explainBox {display:flex;flex-direction:column;width:700px;}
.joinContainer .explainBox > .tit {font-size:27px;font-family:'nanumb';font-weight:700;text-align:center;color:#1E263D;margin-bottom:30px;text-align:left;}
.joinContainer .explainBox > .subTit {font-size:17px;font-weight:700;text-align:center;margin-bottom:40px;text-align:left;}
.joinContainer .explainBox .item {display:flex;gap:20px;margin:10px 0;border-bottom:1px solid #e8e8e8;padding-bottom:10px;/* align-items:center; */}
.joinContainer .explainBox .item ul {display:flex;flex-direction:column;gap:10px;}
.joinContainer .explainBox .item ul li {font-size:13px;font-weight:700;color:#8c8c8c;}
.joinContainer .explainBox .item ul li.tit {color:#43AB94;font-family:'nanumb';font-size:16px;font-weight:700;}
.joinContainer footer{width:100%;display:flex;flex-direction:column;gap:5px;justify-content: center;padding:20px 0 25px 0;background:#f8f8f8;margin-top:auto;box-sizing:border-box;}
.joinContainer footer div{display:flex;gap:20px;font-size:14px;justify-content:center;}
.joinContainer button.underlineBtn{background:none;border:0;color:#5c5c5c;font-weight:600;cursor:pointer;}

@media screen and (max-width: 780px) {
	html, body { overflow-x: hidden;width:100%;}
	.joinContainer{width:100vw;}
	.joinContainer .explainBox{display:none;}
	.joinContainer .joinBox{width:100vw;padding:0 20px;}
	.joinContainer .joinBox .tit{display:block;}
	.popup_container .popup{width:90vw;}
	.popup_container .popup .body{max-height:400px;overflow-y:scroll;}
	.popup_container .popup .body > div{width:99% !important;}
	.dialogMsg > .dialog{width:90vw;}
}

#notePopup textarea.empty {border:1px solid red;}
#notePopup input[type='text'].empty {border:1px solid red;}

.mailManageArea.clientMng_box{position: relative;padding: 20px 45px;background: var(--bg-grid);border: var(--border-grid); box-sizing: border-box; margin-top: 15px;}
.mailManageArea.clientMng_box .mailTab{display: flex;justify-content: space-between;align-items: center; padding-bottom: 15px;}

.sideFix_grid .system_regist .card.regist button.regSystemBtn:disabled{cursor:not-allowed;}
.chk_box input[type='checkbox'][data-allowed = '0']:checked+label::before {border-color:#ddd;background:url(/images/ic_check_w.svg) no-repeat 50% 50% #ddd}
.chk_box input[type='checkbox'][data-allowed = '0']+label::before {background: #e8e8e8;border: 1px solid #e5e5e6;}

.popup-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 999;display:none;}
.popup-box {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;max-width: 90%;border-radius: 8px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);z-index: 1000;border:2px solid #43AB94;display:none;}
.popup-box.type1 {height: 90vh;}
.popup-box.closing{border:2px solid #e45c5c;}
.popup-box:before {content:"";width: 100%;height:4px;background:#43AB94;position:absolute;bottom:-15px;left:0;z-index:1000;border-radius:5px;}
.popup-box.closing:before{background:#e45c5c;}
.popup-header {display: flex;justify-content: space-between;align-items: center;height: 70px;padding: 0 1rem;border-bottom: 1px solid #c8c8c8;}
.popup-title {font-size: 1.3rem;font-weight: 700;}
.popup-close {position: absolute;top: 10px;right: 10px;border: none;font-size: 2rem;font-weight:500;cursor: pointer;background: #43AB94;color:#ffffff;width: 45px;height: 45px;padding-top:5px;border-radius: 50%;}
.popup-close:hover{background:#e45c5c;}
.popup-content {font-weight: 500;padding: 2rem;height:90%;overflow-y:auto;box-sizing:border-box;}
.popup-content .input-area {display: flex;gap: 10px;align-items: center;width: 100%;}
.popup-content .input-area input[type="text"] {height: 40px;font-size: 1rem;border: 1px solid #ccc;border-radius: 4px;padding: 0 0.9rem;}
.popup-content .input-area button {height: 40px;font-size: 1rem;padding: 0 0.9rem;}
.popup-content .button-area {display: flex;gap: 10px;margin-top: 30px;justify-content: center;}
.popup-content .button-area button:nth-child(even) {background-color: #e1e1e1;color: #333;border: none;padding: 0.7rem 2.5rem 0.5rem 2.5rem;border-radius: 4px;}
.popup-content .button-area button:nth-child(odd) {background-color: #43AB94;color:#ffffff;border: none;padding: 0.7rem 2.5rem 0.5rem 2.5rem;border-radius: 4px;}
#secondPopup .popup-overlay {z-index: 1001;}
#secondPopup .popup-box {z-index: 1002;}

/* 하단 콩메뉴 */
.bean-menu {position:fixed;z-index:9999;bottom:40px;right:40px;width:90px;height:90px;background:#ffffff;border-radius:50%;box-sizing:border-box; box-shadow:0 0 30px rgba(215, 215, 215, 1);opacity:0.4;transition:0.3s;display:flex;gap:15px;justify-content:center;align-items:center;}
.bean-menu.bounce {animation: floatUp 2s ease-in-out infinite;}
.bean-menu:hover {opacity:1 !important;/* box-shadow:0 0 20px rgba(96, 230, 192, 0.8); */}
.bean-menu .menu-btn-area {display:none;flex-direction:column;gap:10px;}
.bean-menu .menu-btn-area p {font-size:14px;font-weight:600;color:#697077;}
.bean-menu .menu-btn-area div {gap:10px;margin-right:10px;width:100%;display:flex;}
.bean-menu .menu-btn-area button {display:flex;align-items: center;justify-content: center;position:relative;min-width:90px;height:32px;line-height:30px;padding:0 12px;text-align:center;border-radius:4px;font-size:12px ! important;font-weight:700;border:1px solid transparent;background:#fff;transition:all 0.3s ease-in-out;color:#8097b7;border-color:#8097b7;background:#f4f6f9}
.bean-menu .menu-btn-area button.gr {color:#fff;background:#00b78b;border:none;}
.bean-menu .menu-btn-area button:hover {color:#fff;background:#8097b7;}
.bean-menu .menu-btn-area button.gr:hover {background:#009f75;}
.bean-menu .menu-btn-area button.down:after{background:url(/images/download_icon.svg) no-repeat 50% 50%/contain;width:13px;height:13px;content:"";display:inline-block;margin-left:5px;}
.bean-menu .menu-btn-area button.down:hover:after{background:url(/images/download_icon_w.svg) no-repeat 50% 50%/contain;width:13px;height:13px;content:"";display:inline-block;margin-left:5px;}
.bean-menu .menu-btn-area button.move:after{background:url(/images/move_icon_w.svg) no-repeat 50% 50%/contain;width:13px;height:13px;content:"";display:inline-block;margin-left:5px;}
.bean-menu img {position: absolute;right: 7px;top: 50%;transform: translateY(-50%);cursor:pointer;}
.bean-menu.active{justify-content:flex-start;width:525px;opacity:1 !important;border-radius:50px;padding:0 7px 0 30px;}
/* .bean-menu.active:hover{box-shadow:0 0 30px rgba(96, 230, 192, 0.8);} */
@keyframes floatUp {0% {transform: translateY(0);}50% {transform: translateY(-10px);}100% {transform: translateY(0);}}

/* 마하플랫 가이드 팝업 */
.guide-popup-wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 1000;display: flex;justify-content: center;align-items: center;}
.guide-popup {max-width:490px;width: 100%;height:720px;background: #FAFAFA;border-radius: 10px;overflow: hidden;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding:30px;}
.guide-popup .guide-popup-header {font-size: 20px;font-weight: 700;color: #697077;text-align: center;margin-bottom: 30px;}
.guide-popup .guide-popup-header font {color:#35BF9F;}
.guide-popup .guide-popup-tab {display: flex;justify-content: center;margin-bottom: 30px;}
.guide-popup .guide-popup-tab button {width: 100%;padding: 14px 0;font-size: 14px;font-weight: 700;color: #8097B7;background: #FFFFFF;border: 1px solid #D8E6E5;cursor: pointer;transition: all 0.3s;}
.guide-popup .guide-popup-tab button.on {background: linear-gradient(90deg, #60CA87 0%, #35BF9F 100%);color: #FFFFFF;border: 1px solid #ffffff;}
.guide-popup .guide-popup-content {}
.guide-popup .guide-popup-content .complete-process-gauge {display:flex;flex-direction: column;gap:10px;margin-bottom: 20px;}
.guide-popup .guide-popup-content .complete-process-gauge .gauge-title {display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;font-size: 16px;font-weight: 700;color: #697077;}
.guide-popup .guide-popup-content .complete-process-gauge .gauge-title .percent {color:#35BF9F;}
.guide-popup .guide-popup-content .complete-process-gauge .gauge-bar {width: 100%;height: 6px;background: #EAEAEA;border-radius: 10px;position: relative;overflow: hidden;}
.guide-popup .guide-popup-content .setting-guide-list {display: flex;flex-direction: column;gap: 10px;max-height:470px;overflow-y:auto;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item {background: #FFFFFF;border: 1px solid #DCDCDC;border-radius: 3px;padding: 20px;display: flex;flex-direction: column;gap:10px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .chk_box label:before{top:50%;transform:translateY(-50%);width:20px;height:20px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-header {display: flex;justify-content: flexx-start;align-items: center;gap:10px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-header dt {font-size: 12px;font-weight: 700;color: #A0A5A9;background: #EBEBEB;width:49px;height:26px;line-height:26px;text-align:center;border-radius: 3px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-header dt:before{content:"미완료"}
.guide-popup .guide-popup-content .setting-guide-list .guide-item.complete {background:#F1F1F1;border:1px solid #F1F1F1;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item.complete .item-header dt {background: #35BF9F;color:#fff;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item.complete .item-header dt:before{content:"완료"}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-header dd {font-size: 14px;font-weight: 700;color: #697077;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area {display: flex;gap:10px;flex-direction: column;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area div {display: flex;gap:10px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button {display:flex;width:100%;height:32px;justify-content:center;font-size:12px;font-weight:700;align-items:center; background:#F4F6F9;transition:all 0.3s ease-in-out;border-radius:3px;color:#8097b7;border: 1px solid #8097B7;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button.gr {color:#fff;background:#35BF9F;border:none;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button:disabled {cursor:not-allowed;opacity:0.5;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button:hover {color:#fff;background:#8097b7;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button.gr:hover {background:#009f75;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button.down:after{background:url(/images/download_icon.svg) no-repeat 50% 50%/contain;width:13px;height:13px;content:"";display:inline-block;margin-left:5px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button.down:hover:after{background:url(/images/download_icon_w.svg) no-repeat 50% 50%/contain;width:13px;height:13px;content:"";display:inline-block;margin-left:5px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button.move:after{background:url(/images/move_icon_w.svg) no-repeat 50% 50%/contain;width:13px;height:13px;content:"";display:inline-block;margin-left:5px;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button:disabled {background:#EBEBEB !important;color:#8e8e8e !important;border:0 !important;}
.guide-popup .guide-popup-content .setting-guide-list .guide-item .item-btn-area button:disabled:after{background:none !important;display:none !important;}
.guide-popup .popup-close-btn {font-size:14px;font-weight:700;padding:10px 30px;position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:#35BF9F;border:1px solid #ffffff;border-radius:3px;color:#ffffff;cursor:pointer;transition:all 0.3s;}
.guide-popup .popup-close-btn:hover {background:#009f75;}