@charset "utf-8";

/* css Reset */
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html, body{overflow-x:auto;min-width:1440px;}
body{margin:0;padding:0;font-family:'nanum','맑은 고딕','Malgun Gothic','Dotum','돋움';font-weight:400;font-size:12px;color:#697077;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;}
p,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,select,button,code,label,em,span,strong{margin:0;padding:0;border:0;letter-spacing:-.35px;font:inherit;color:inherit;word-break:keep-all;}
form{display:inline;margin:none}
img,fieldset{border:0}
hr{display:none}
li{list-style:none}
em,address,i{font-style:normal}
label,input,select,textarea{vertical-align:middle;appearance: none;-webkit-appearance:none;-moz-appearance: none;}
legend{position:absolute;left:-5000px;font-size:0;overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0;}
caption{position:relative;left:-5000px;height:0;line-height:0;text-indent:-5000px;overflow:hidden}
a:active,a:visited,a{text-decoration:none;color:inherit}
label, input, button, select, img {vertical-align:middle}
button{cursor:pointer;outline:none;background:none}
input[type="button"],input[type="text"],input[type="image"],input[type="submit"],input[type="password"],input[type="tel"],input[type="number"],select,textarea{letter-spacing:0;-webkit-appearance:none;-moz-appearance:none;border-radius:0;box-sizing:border-box;}
input[type="checkbox"]{-webkit-appearance:checkbox;-moz-appearance:checkbox;}
input[type="radio"]{-webkit-appearance:radio;-moz-appearance:radio;}
textarea{resize:none;box-sizing:border-box;transition:all 0.3s ease-in-out;}
select{box-sizing:border-box;;-moz-appearance: none;}
select::-ms-expand{display:none;}
select option{background:#ffffff;;-moz-appearance: none;}
input[type="text"]:disabled{background-color:#eeeeee;}

::-webkit-input-placeholder {color:#b6b6b6;}
:-moz-placeholder {color:#b6b6b6;}
::-moz-placeholder {color:#b6b6b6;}
:-ms-input-placeholder {color:#b6b6b6}

body{background:#f4f5f8}

::-webkit-scrollbar{width:5px; height:6px;border:3px solid #f4f5f8;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#f4f5f8}
::-webkit-scrollbar-track{background:#f4f5f8; -webkit-border-radius: 10px;border-radius:10px;}
::-webkit-scrollbar-thumb{height:50px;width:6px;background:#e4e4e7;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

.dBody nav::-webkit-scrollbar{width:5px; height:6px;border:3px solid #1f5d70;}
.dBody nav::-webkit-scrollbar-button:start:decrement, .dBody nav::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#1f5d70}
.dBody nav::-webkit-scrollbar-track{background:#1f5d70; -webkit-border-radius: 10px;border-radius:10px;}
.dBody nav::-webkit-scrollbar-thumb{height:50px;width:6px;background:#339697;-webkit-border-radius: 8px;border-radius:8px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

/* 파이어폭스 스크롤바 스타일 */
* {scrollbar-width: thin; /* 얇은 스크롤바 */scrollbar-color: #e4e4e7 #f4f5f8; /* (스크롤바 색, 트랙 색) */}
/* dBody nav 전용 스크롤바 (파이어폭스) */
.dBody nav {scrollbar-width: thin;scrollbar-color: #339697 #1f5d70;}

@font-face{font-family:'nanum';font-style:normal;font-weight:400;src:url(../fonts/NanumGothicRegular.woff2) format("woff2"),url(../fonts/NanumGothicRegular.woff) format("woff")}
@font-face{font-family:'nanum';font-style:normal;font-weight:700;src:url(../fonts/NanumGothicBold.woff2) format("woff2"),url(../fonts/NanumGothicBold.woff) format("woff")}
@font-face{font-family:'nanumb';font-style:normal;font-weight:700;src:url(../fonts/NanumBarunGothicBold.woff) format("woff")}

/* global sub msg */
.subMsg{margin-top:6px;font-size:12px;color:#379982}

/* layout */
/* header{z-index:9;position:fixed;width:100%;background:#43ab94}
header .header{display:grid;grid-template-columns:1fr 1fr;width:100vw;height:60px;}
header .logo{overflow:hidden;position:relative;width:200px;background:#1f5d70;transition:all 0.3s ease-in-out;display:flex;justify-content:center;align-items:center;} */
header {z-index: 9;position: fixed;width: 100%;background: #43ab94;display: flex;flex-direction: column;}
header .top-header {display: grid;grid-template-columns: 1fr 1fr;width: 100vw;height: 60px;}
header .bottom-header.type1 {background: #ffffff;height: 70px;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding-left:200px;box-sizing: border-box;min-width:1240px;}
header .bottom-header.type1 .guide-title {padding:25px;font-size:18px;box-sizing: border-box;flex: 0 0 auto;font-weight:600;}
header .bottom-header.type1 .guide-title font {color:#35BF9F;}
header .bottom-header.type1 .guide-progress {border-style: solid;border-color:#DCDCDC;border-width:0 1px 0 1px;width:100%;height:100%;box-sizing: border-box;flex:1;display:flex;padding: 18px 30px;gap:20px;font-size:14px;color:#666666;}
header .bottom-header.type1 .guide-progress .progress-area {display:flex;flex-direction:column;gap:10px;width:100%;}
header .bottom-header.type1 .guide-progress .progress-area font {font-weight:600;color:#697077;font-size:16px;}
header .bottom-header.type1 .guide-progress .progress-area .bar {margin: 0 10px;font-size:16px;color:#697077;}
header .bottom-header.type1 .guide-progress .progress-bar {flex: 1;height: 6px;background-color: #eee;border-radius: 4px;overflow: hidden;position: relative;}
header .bottom-header.type1 .guide-progress .progress {position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: flex;}
header .bottom-header.type1 .guide-progress .progress-segment {flex: 1;height: 100%;width: 10%;opacity: 1;background-color: #e3e3e3;transition: background-color 0.4s;}
header .bottom-header.type1 .guide-progress .progress-grid {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: repeating-linear-gradient(to right, transparent 0, transparent 9.8%, #fff 9.8%, #fff 10%);pointer-events: none;}
header .bottom-header.type1 .guide-progress .progress-percent {display:flex;align-items: flex-end;font-size:16px;color:#697077;font-weight:600;}
header .bottom-header.type1 .guide-progress .progress-percent font {font-size:25px;color:#35BF9F;margin-left:5px;}
header .bottom-header.type1 .guide-btn {padding:30px;box-sizing: border-box;flex: 0 0 auto;}
header .bottom-header.type1 .guide-btn button {padding:10px 50px;border-radius:3px;background:#35BF9F;color:#ffffff;font-weight:600;font-size:12px;}
header .bottom-header.type2 {background: #F4F5F8;height: 100px;display: flex;align-items: center;justify-content: space-between;box-shadow: 0 2px 5px rgba(0,0,0,0.1);padding-left:200px;box-sizing: border-box;min-width:1440px;}
header .bottom-header.type2 .guide-title {position: relative;width:310px;height:100%;padding:25px;box-sizing: border-box;box-shadow: 0 0 3px rgba(0,0,0,0.1); flex: 0 0 auto;display:flex;align-items:center;gap:15px;font-size:14px;color:#697077;font-weight:400;background:#ffffff;}
header .bottom-header.type2 .guide-title dl {display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:flex-start;}
header .bottom-header.type2 .guide-title dl dt {font-weight:600;font-size:18px;}
header .bottom-header.type2 .guide-progress {flex: 1;display: flex;align-items: center;justify-content: center;gap: 15px;height: 100%;position: relative;padding: 0 30px;overflow: hidden;}
header .bottom-header.type2 .guide-progress .progress-area{display:flex;gap:10px;justify-content:flex-start;width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;cursor: grab;user-select: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
header .bottom-header.type2 .guide-progress .progress-area::-webkit-scrollbar{display:none}
header .bottom-header.type2 .guide-progress .progress-area.dragging {cursor: grabbing;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item{transition:0.3s;flex:0 0 auto;width:275px;height:70px;display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:20px;border-radius:5px;background:#fff;box-sizing:border-box;position:relative}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg {width:42px;height:42px;background-color:#E8F5F2;border-radius:50%;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_maha_understand {background-image:url(/images/step_maha_understand.svg);background-repeat:no-repeat;background-size:18px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_company_info_setting {background-image:url(/images/step_company_info_setting.svg);background-repeat:no-repeat;background-size:24px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_mail_setting {background-image:url(/images/step_mail_setting.svg);background-repeat:no-repeat;background-size:27px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_dept_setting {background-image:url(/images/step_dept_setting.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_add_user {background-image:url(/images/step_add_user.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_check_transfer_contract {background-image:url(/images/step_check_transfer_contract.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_assign_engineer {background-image:url(/images/step_assign_engineer.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_approval_after_transfer {background-image:url(/images/step_approval_after_transfer.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_reg_customer_info {background-image:url(/images/step_reg_customer_info.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_reg_product_info {background-image:url(/images/step_reg_product_info.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_reg_product_item_info {background-image:url(/images/step_reg_product_item_info.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_reg_contract_example_1 {background-image:url(/images/step_reg_contract_example_1.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_reg_contract_example_2 {background-image:url(/images/step_reg_contract_example_2.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_reg_contract_example_3 {background-image:url(/images/step_reg_contract_example_3.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .stepImg.step_transfer_processing {background-image:url(/images/step_transfer_processing.svg);background-repeat:no-repeat;background-size:30px;background-position:center;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .step {height:30px;font-size:14px;color:#697077;font-weight:600;display: flex;align-items:flex-end;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item .step .moveStep {width:16px;height:16px;margin-left:5px;cursor:pointer;background:url(/images/move_icon.svg) no-repeat;background-size:16px}
header .bottom-header.type2 .guide-progress .progress-area .progress-item:after {content:"미완료";position:absolute;top:15px;right:15px;font-size:12px;color:#A0A5A9;font-weight:600;background:#EBEBEB;width:48px;height:20px;line-height:20px;text-align:center;border-radius:3px;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item.completed {background:#E8F5F2;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item.completed .stepImg {background-color:#FFFFFF;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item.completed .step {color:#43AB94;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item.completed:after {content:"완료";background:#35BF9F;color:#ffffff;}
header .bottom-header.type2 .guide-progress .progress-area .progress-item.completed .step .moveStep {display:none;}
header .bottom-header.type2 .left-move-btn,
header .bottom-header.type2 .right-move-btn {width: 30px;height: 30px;cursor: pointer;background: #ffffff;border-radius: 50%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;}
header .bottom-header.type2 .left-move-btn:hover,
header .bottom-header.type2 .right-move-btn:hover {opacity:0.7;transform: translateY(-50%) scale(1.1);}
header .bottom-header.type2 .left-move-btn {right:-15px;}
header .bottom-header.type2 .right-move-btn {left:-15px;}
header .bottom-header.type2 .left-move-btn::before,
header .bottom-header.type2 .right-move-btn::before {content: "";display: block;width: 7px;height: 7px;border-top: 2px solid #697077;border-right: 2px solid #697077;position: absolute;top: 50%;left: 50%;transform-origin: center;}
header .bottom-header.type2 .left-move-btn::before {transform: translate(-50%, -50%) rotate(-135deg);left: 55%;}
header .bottom-header.type2 .right-move-btn::before {transform: translate(-50%, -50%) rotate(45deg);left: 45%;}
header .bottom-header.type2 .guide-btn {position: relative;width:240px;height:100%;display:flex;justify-content:center;align-items:center; box-sizing: border-box;flex: 0 0 auto;box-shadow: 0 0 3px rgba(0,0,0,0.1);background:#ffffff;}
header .bottom-header.type2 .guide-btn button {padding:10px 30px;border-radius:3px;background:#F4F6F9;color:#8097B7;border:1px solid #8097B7;font-weight:600;font-size:12px;}
header .bottom-header.type2 .guide-btn button:hover {opacity:0.7;}
.ct-donut-chart {width:55px;height:55px;border-radius:50%;background:conic-gradient(#E8521C 0% 25%, #E3E3E3 25% 100%);position:relative;display:flex;align-items:center;justify-content:center;transition: background 1s ease; }
.ct-donut-chart:before {content:"";position:absolute;width:42px;height:42px;background:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#E8521C;}
.ct-donut-chart .ct-percent{position:absolute;width:42px;height:42px;background:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#e8521c}
header .logo {overflow: hidden;position: relative;width: 200px;background: #1f5d70;transition: all 0.3s ease-in-out;display: flex;justify-content: center;align-items: center;}
header .logo h1{position:absolute;top:0;left:0;width:100%;height:100%;font-size:0;background:url(../images/logo.png) no-repeat 50% 50%;background-size:170px;transition:all 0.3s ease-in-out;}
header .logo h1 a{display:block;width:100%;height:100%;}
header .colg{overflow:hidden;display:flex;justify-content:space-between;align-items:center;width:calc(100vw - 200px);padding:0 25px;box-sizing:border-box;transition:all 0.3s ease-in-out;}
header .colg .cola{font-family:'nanumb';color:#fff;font-size:20px;font-weight:700}
header .colg .colb{font-size:0;display:flex;align-items:center;}
header .colg .colb button~button{margin-left:10px;}
header .colg .userInfo {font-size:13px;color:#ffffff;vertical-align:middle;font-weight:700;margin-right:20px;}
header .colg .loginTimeInfo {position:relative;font-size:13px;vertical-align:middle;margin-right:10px;color:#ffffff;padding-left:22px;}
header .colg .loginTimeInfo:before{content:"";background:url(../images/ic_logintime.svg) no-repeat 50% 50%/contain;width:17px;height:17px;position:absolute;top:54%;left:0;transform:translateY(-50%);}
header .colg .btn_extension_login{border:1px solid #ffffff;border-radius:50px;padding:5px 15px;font-size:13px;color:#ffffff;}
header .colg .btn_extension_login:hover{opacity:0.8;}
header .colg .mahaHelp{border:1px solid #ffffff;border-radius:50px;padding:5px 15px;font-size:13px !important;color:#ffffff;display:flex;align-items:center;gap:5px;}
header .colg .mahaHelp:after{content:"";background:url(../images/maha_guide_icon.svg) no-repeat 50% 50%/contain;background-size:17px;width:17px;height:17px;}
header .colg .mahaHelp:hover{opacity:0.8;}
header .colg .btn_alarm{position:relative;width:26px;height:29px;font-size:0;background:url(../images/ic_header_notifications_w.svg) no-repeat 50% 50%/contain}
header .colg .btn_alarm i{position:absolute;top:4px;width:14px;height:14px;line-height:14px;text-align:center;color:#fff;font-size:10px;font-weight:700;border-radius:100%;background:#f96363}
header .colg .btn{width:26px;height:26px;font-size:0;}
header .colg .btn.log{background:url(../images/ic_header_member_w.svg) no-repeat 50% 50%/contain}

.header .organization{position:relative;display:flex;gap:10px;align-items:center;cursor:pointer;height:100%;}
.header .organization:hover > i{opacity:0.7;}
.header .organization:hover > span{opacity:0.7;}
.header .organization i{background:url(/images/ic_organization_w.svg) no-repeat 50% 50%;width:30px;height:30px;}
.header .organization span{font-size:14px;color:#ffffff;font-weight:700;}
.header .organization .view{background:#ffffff;min-width:300px;width:fit-content;max-width:600px;height:auto;border:1px solid #43AB94;border-radius:8px;position:absolute;transform:translate(-50%, 100%);left:50%;bottom:-15px;padding:10px;z-index:3;}
.header .organization .view .close{position:absolute;top:8px;right:10px;font-size:15px;color:#a2a2a2;}
.header .organization .view .close:before{content:"✖";}
.header .organization .view .chk_box{color:#697077;margin-bottom:10px;}
.header .organization .view i.member_l{display:inline-flex;background:url(/images/icn_organization04.svg) no-repeat 50% 50%;width:20px;height:20px;}
.header .organization .view i.member{display:inline-flex;background:url(/images/icn_organization01.svg) no-repeat 50% 50%;width:20px;height:20px;}
.header .organization .view > ul{max-height:252px;overflow-y:auto;}
.header .organization .view ul ul{display:none;}
.header .organization .view ul ul.open{display:block;}
.header .organization .view li div{color:#697077;border-radius:5px;height:40px;line-height:40px;font-size:13px;display:flex;align-items:center;gap:5px;border:1px solid #ffffff;}
.header .organization .view li div:hover{background:#eaf9ea;}
.header .organization .view li.current div{border:1px solid rgb(82, 141, 46);}
.header .organization .view li div .name{color:#697077;font-weight:400;font-size:13px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;max-width:100%;display:inline-block;}
.header .organization .view li div .count{color:silver;font-size:12px;margin-left:3px;}
.header .organization .view li i{display:inline-flex;background:url(/images/icn_organization_open.svg) no-repeat 50% 50%;width:20px;height:20px;}
.header .organization .view li.extend i.visiblity{display:inline-flex;background:url(/images/icn_organization_end.svg) no-repeat 50% 50%;width:20px;height:20px;}
.header .organization .view li.empty i.visiblity{display:inline-flex;background:none; width:20px;height:20px;}

.dBody{width:100%;padding:60px 0 20px;transition:all 0.3s ease-in-out;}
/* .dBody .side{position:fixed;top:60px;left:0;overflow:hidden;width:200px;background:#1f5d70;transition:all 0.3s ease-in-out;} */
.dBody .side{position:fixed;top:60px;left:0;overflow:hidden;width:200px;background:#1f5d70;transition:all 0.3s ease-in-out;z-index:9;}
.dBody .side .box{padding-top:35px;}
.dBody .btn_exend{width:22px;height:19px;margin-left:19px;font-size:0;background:url(../images/ic_menu_open.svg) no-repeat 50% 50%/contain}
.expend .btn_exend{background:url(../images/ic_menu_close.svg) no-repeat 50% 50%/contain}
.dBody .contents{box-sizing:border-box;min-width:1440px;padding:17px 25px 40px 225px;transition:all 0.3s ease-in-out;}
.dBody nav{overflow-y:auto;margin-top:32px;height:calc(100vh - 146px);}
.dBody .gnb > li > a{position:relative;display:block;height:60px;line-height:60px;padding-left:14px;font-size:14px;font-weight:700;color:#fff;transition:all 0.2s ease-in-out;}
.dBody .gnb > li > a:after{content:"";position:absolute;top:0;right:16px;bottom:0;width:8px;height:6px;margin:auto 0;transform:rotate(-90deg);background:url(../images/ic_arrow.png) no-repeat 50% 50%/contain}
.dBody .gnb > li > a.has_class:after{transform:rotate(0);}
.dBody .gnb > li > a:not(.has_class):after{display:none;}
.dBody .gnb > li > a:before{position:relative;top:-1px;content:"";display:inline-block;width:27px;vertical-align:middle;margin-right:25px;}
.dBody .gnb .contractDashboard a:before{height:26px;background:url(../images/ic_menu_01.svg) no-repeat 50% 50%/contain}
.dBody .gnb .transactionStatus a:before{height:20px;background:url(../images/ic_menu_02.svg) no-repeat 50% 50%/contain}
.dBody .gnb .customerManagement a:before{height:22px;background:url(../images/ic_menu_03.svg) no-repeat 50% 50%/contain}
.dBody .gnb .productManagement a:before{height:26px;background:url(../images/ic_menu_04.svg) no-repeat 50% 50%/contain}
.dBody .gnb .customerAnalysis a:before{height:28px;background:url(../images/ic_menu_05.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m6 a:before{height:30px;background:url(../images/ic_menu_06.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m7 a:before{height:30px;background:url(../images/ic_menu_07.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m8 a:before{height:26px;background:url(../images/ic_menu_08.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m9 a:before{height:26px;background:url(../images/ic_menu_09.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m10 a:before{height:26px;background:url(../images/ic_menu_10.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m11 a:before,.dBody .gnb .customerIncidentList a:before{height:26px;background:url(../images/ic_menu_11.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m12 a:before{height:26px;background:url(../images/ic_menu_12.svg) no-repeat 50% 50%/contain}
.dBody .gnb .maintenanceDashboard a:before{height:26px;background:url(../images/ic_menu_01.svg) no-repeat 50% 50%/contain}
.dBody .gnb .maintenance a:before{height:26px;background:url(../images/ic_menu_09.svg) no-repeat 50% 50%/contain}
.dBody .gnb .schedule a:before{height:26px;background:url(../images/ic_menu_10.svg) no-repeat 50% 50%/contain}
.dBody .gnb .incidentSupport a:before{height:26px;background:url(../images/ic_menu_11.svg) no-repeat 50% 50%/contain}
.dBody .gnb .reportManagement a:before{height:26px;background:url(../images/ic_menu_12.svg) no-repeat 50% 50%/contain}
.dBody .gnb .notice a:before{height:30px;background:url(../images/ic_menu_06.svg) no-repeat 50% 50%/contain}
.dBody .gnb .note a:before{height:30px;background:url(../images/ic_menu_07.svg) no-repeat 50% 50%/contain}
.dBody .gnb .notification a:before{height:26px;background:url(../images/ic_menu_08.svg) no-repeat 50% 50%/contain}
.dBody .gnb .MAHAQnA a:before{height:26px;background:url(../images/ic_allmenu_10.svg) no-repeat 50% 50%/contain}
.dBody .gnb .basicManagement a:before{height:26px;background:url(../images/ic_allmenu_01.svg) no-repeat 50% 50%/contain}
.dBody .gnb .organizationManagement a:before{height:20px;background:url(../images/ic_allmenu_02.svg) no-repeat 50% 50%/contain}
.dBody .gnb .securityManagement a:before{height:22px;background:url(../images/ic_allmenu_03.svg) no-repeat 50% 50%/contain}
.dBody .gnb .mailManagement a:before{height:26px;background:url(../images/ic_allmenu_04.svg) no-repeat 50% 50%/contain}
.dBody .gnb .etcManagement a:before{height:28px;background:url(../images/ic_allmenu_05.svg) no-repeat 50% 50%/contain}
.dBody .gnb .serviceManagement a:before{height:30px;background:url(../images/ic_allmenu_06.svg) no-repeat 50% 50%/contain}
.dBody .gnb .systemManagement a:before{height:30px;background:url(../images/ic_allmenu_07.svg) no-repeat 50% 50%/contain}
.dBody .gnb .mahaGuide a:before{height:26px;background:url(../images/ic_allmenu_08.svg) no-repeat 50% 50%/contain}
.dBody .gnb .customerSupport a:before{height:26px;background:url(../images/ic_allmenu_09.svg) no-repeat 50% 50%/contain}
.dBody .gnb .customerApproverList a:before{height:30px;background:url(../images/ic_menu_06.svg) no-repeat 50% 50%/contain}

/* .dBody .gnb .am10 a:before{height:26px;background:url(../images/ic_allmenu_10.svg) no-repeat 50% 50%/contain} */
.dBody .gnb ul{display:none;padding:4px 0;background:#003149}
.dBody .gnb ul a{display:block;height:36px;line-height:36px;padding-left:40px;font-size:14px;font-weight:700;color:#fff;}
.dBody .gnb ul a:hover{color:#5cc6ac;}
.dBody .gnb > li.open > a:after,.dBody .gnb > li.current > a:after{background:url(../images/ic_arrow2.png) no-repeat 50% 50%/contain}
.dBody .gnb > li.open > a,.dBody .gnb > li.current > a{background:#339697}
.dBody .gnb > li.open.contractDashboard a:before,.dBody .gnb > li.current.contractDashboard a:before{background:url(../images/ic_menu_01_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.transactionStatus a:before,.dBody .gnb > li.current.transactionStatus a:before{background:url(../images/ic_menu_02_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.customerManagement a:before,.dBody .gnb > li.current.m3 a:before{background:url(../images/ic_menu_03_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.productManagement a:before,.dBody .gnb > li.current.productManagement a:before{background:url(../images/ic_menu_04_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.customerAnalysis a:before,.dBody .gnb > li.current.customerAnalysis a:before{background:url(../images/ic_menu_05_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m6 a:before,.dBody .gnb > li.current.m6 a:before{background:url(../images/ic_menu_06_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m7 a:before,.dBody .gnb > li.current.m7 a:before{background:url(../images/ic_menu_07_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m8 a:before,.dBody .gnb > li.current.m8 a:before{background:url(../images/ic_menu_08_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m9 a:before,.dBody .gnb > li.current.m9 a:before{background:url(../images/ic_menu_09_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m10 a:before,.dBody .gnb > li.current.m10 a:before{background:url(../images/ic_menu_10_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m11 a:before,.dBody .gnb > li.current.m11 a:before,.dBody .gnb > li.current.customerIncidentList a:before{background:url(../images/ic_menu_11_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m12 a:before,.dBody .gnb > li.current.m12 a:before{background:url(../images/ic_menu_12_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.maintenanceDashboard a:before,.dBody .gnb > li.current.maintenanceDashboard a:before{background:url(../images/ic_menu_01_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.maintenance a:before,.dBody .gnb > li.current.maintenance a:before{background:url(../images/ic_menu_09_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.schedule a:before,.dBody .gnb > li.current.schedule a:before{background:url(../images/ic_menu_10_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.incidentSupport a:before,.dBody .gnb > li.current.incidentSupport a:before{background:url(../images/ic_menu_11_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.reportManagement a:before,.dBody .gnb > li.current.reportManagement a:before{background:url(../images/ic_menu_12_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.notice a:before,.dBody .gnb > li.current.notice a:before{background:url(../images/ic_menu_06_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.note a:before,.dBody .gnb > li.current.note a:before{background:url(../images/ic_menu_07_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.notification a:before,.dBody .gnb > li.current.notification a:before{background:url(../images/ic_menu_08_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.MAHAQnA a:before,.dBody .gnb > li.current.MAHAQnA a:before{background:url(../images/ic_allmenu_10_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.basicManagement a:before,.dBody .gnb > li.current.basicManagement a:before{background:url(../images/ic_allmenu_01_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.organizationManagement a:before,.dBody .gnb > li.current.organizationManagement a:before{background:url(../images/ic_allmenu_02_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.securityManagement a:before,.dBody .gnb > li.current.securityManagement a:before{background:url(../images/ic_allmenu_03_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.mailManagement a:before,.dBody .gnb > li.current.mailManagement a:before{background:url(../images/ic_allmenu_04_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.etcManagement a:before,.dBody .gnb > li.current.etcManagement a:before{background:url(../images/ic_allmenu_05_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.serviceManagement a:before,.dBody .gnb > li.current.serviceManagement a:before{background:url(../images/ic_allmenu_06_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.systemManagement a:before,.dBody .gnb > li.current.systemManagement a:before{background:url(../images/ic_allmenu_07_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.mahaGuide a:before,.dBody .gnb > li.current.mahaGuide a:before{background:url(../images/ic_allmenu_08_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.customerSupport a:before,.dBody .gnb > li.current.customerSupport a:before{background:url(../images/ic_allmenu_09_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.am10 a:before,.dBody .gnb > li.current.am10 a:before{background:url(../images/ic_allmenu_10_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.current > a:not(.has_class):after{transform:rotate(90deg);display:none;}
.dBody .gnb > li.open ul,.dBody .gnb > li.current ul{display:block}
.dBody .gnb ul .current a{color:#5cc6ac}
.dBody .gnb > li.current.customerApproverList a:before,.dBody .gnb > li.current.notice a:before{background:url(../images/ic_menu_06_w.svg) no-repeat 50% 50%/contain}

.dBody .gnb > li.open.m6.newData a:before,.dBody .gnb > li.current.m6.newData a:before{background:url(../images/ic_board_new_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m7.newData a:before,.dBody .gnb > li.current.m7.newData a:before{background:url(../images/ic_note_new_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m8.newData a:before,.dBody .gnb > li.current.m8.newData a:before{background:url(../images/ic_notification_new_w.svg) no-repeat 50% 50%/contain}

.dBody .gnb .m6.newData a:before{height:30px;background:url(../images/ic_board_new.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m7.newData a:before{height:30px;background:url(../images/ic_note_new.svg) no-repeat 50% 50%/contain}
.dBody .gnb .m8.newData a:before{height:26px;background:url(../images/ic_notification_new.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.m8 a:before,.dBody .gnb > li.current.m8 a:before{background:url(../images/ic_menu_08_w.svg) no-repeat 50% 50%/contain}

.dBody .gnb > li.open.m6.newData a:before,.dBody .gnb > li.current.m6.newData a:before{background:url(../images/ic_board_new_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.open.note.newData a:before,.dBody .gnb > li.current.note.newData a:before{background:url(../images/ic_note_new_w.svg) no-repeat 50% 50%/contain}
.dBody .gnb > li.current.notification.newData a:before,.dBody .gnb > li.current.notification.newData a:before{background:url(../images/ic_notification_new_w.svg) no-repeat 50% 50%/contain}

.dBody .gnb .m6.newData a:before{height:30px;background:url(../images/ic_board_new.svg) no-repeat 50% 50%/contain}
.dBody .gnb .note.newData a:before{height:30px;background:url(../images/ic_note_new.svg) no-repeat 50% 50%/contain}
.dBody .gnb .notification.newData a:before{height:26px;background:url(../images/ic_notification_new.svg) no-repeat 50% 50%/contain}


.expend header .logo{width:60px;}
.expend header .logo{background:url(../images/logo2.png) no-repeat 50% 50%;background-color:#1f5d70;}
.expend header .logo h1{display:none;}
.expend header .logo img{display:none;}
.expend header .colg{width:calc(100vw - 60px);}
.expend .dBody .side{width:60px;overflow:visible;}
.expend .dBody .gnb{position:absolute;}
.expend .dBody .gnb > li{position:relative;}
.expend .dBody .gnb > li > a{font-size:0;width:45px;}
.expend .dBody .gnb > li > a:after{display:none}
.expend .dBody .gnb > li > ul{display:none}
.expend .dBody .contents{width:calc(100vw - 10px);padding-left:85px}
.expend .dBody .menuTooltip {position:absolute;top:0;left:59px;width:220px;height:auto;background:#003149;display:flex;z-index:3;flex-direction:column;box-sizing:border-box;}
.expend .dBody .menuTooltip div{height:60px;background:#339697;line-height:60px;text-align:left;color:#ffffff;font-size:14px;font-weight:700;padding:0 40px;box-sizing:border-box;}
.expend .dBody .menuTooltip .submenu{display:block !important;}

.dBody h1{font-size:24px;font-weight:700;color:#1e263d;}
.dBody h1 .btn_help{position:relative;top:-2px;width:17px;height:17px;vertical-align:middle;font-size:0;background:url(../images/ic_smallhelp.svg) no-repeat 50% 50%/contain}
.dBody .titH1_box{position:relative;margin-bottom:17px;}
.dBody .titH1_box .btng{position:absolute;top:0;right:0;font-size:0;}
.dBody .titH1_box .btng button~button{margin-left:5px;}
.dBody .titH1_box .btng button{min-width:136px;}

/* button */
.btn1,.btn2{position:relative;display:inline-block;height:32px;line-height:30px;padding:0 20px;text-align:center;border-radius:2px;font-size:14px ! important;font-weight:700;border:1px solid transparent;background:#fff;transition:all 0.3s ease-in-out;}
.btn1{color:#fff;background:#00b78b;}
.btn1:hover{background:#03a07a}
.btn2{color:#8097b7;border:1px solid #e2eceb;background:#fff}
.btn2:hover{border:1px solid #00ba65;}

.btnB1,.btnB2,.btnN1{position:relative;display:inline-block;min-width:80px;height:36px;line-height:34px;padding:0 12px;text-align:center;font-size:14px ! important;color:#fff;font-weight:700;border:1px solid transparent;border-radius:4px;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.btnB1{color:#fff;background:#00b78b;}
.btnB1:hover{background:#03a07a}
.btnB2{color:#8097b7;border:1px solid #e2eceb;background:#fff}
.btnB2:hover{border:1px solid #00ba65;}
.btnN1{color: #bababa;border: 1px solid #bababa; background: #fff;;cursor:not-allowed;}

.btnD1,.btnD2{position:relative;display:inline-block;min-width:90px;height:30px;line-height:28px;padding:0 12px;text-align:center;font-size:14px ! important;color:#fff;font-weight:700;border:1px solid transparent;border-radius:4px;}
.btnD1{background-image: linear-gradient(to right, #60ca86,#59c58c,#4dbc97,#44b69e,#40b3a2,#38ada9);}
.btnD2{color:#8097b7;border-color:#d6e5e4;background:#fff}
.btnD1.ic_add,.btnD1.ic_empty_add,.btnD1.ic_hide,.btnD1.ic_refresh,.btnD1.ic_upload{min-width:136px}
.btnD1.ic_add::before,.btnD1.ic_empty_add::before,.btnD1.ic_hide::before,.btnD2.ic_refresh::before,.btnD2.ic_upload::before{content:"";position:relative;top:-2px;display:inline-block;margin:auto 6px auto 0;vertical-align:middle;}
.btnD1.ic_add::before,.btnD1.ic_empty_add::before,.btnD1.ic_hide::before{width:16px;height:16px;background:url(../images/ic_cardadd_w.svg) no-repeat 50% 50%/contain}
.btnD2.ic_add::before{content:"";position:relative;top:-2px;display:inline-block;margin:auto 6px auto 0;vertical-align:middle;}
.btnD2.ic_add::before{width:16px;height:16px;background:url(../images/ic_cardadd.svg) no-repeat 50% 50%/contain}
.btnD1.ic_hide::before{transform:rotate(45deg);transition:all 0.3s ease-in-out;}
.btnD1.ic_hide.open::before{transform:rotate(0);}
.btnD2.ic_refresh::before{width:24px;height:20px;background:url(../images/ic_refresh.svg) no-repeat 50% 50%/contain}
.btnD2.ic_upload::before{width:20px;height:16px;background:url(../images/ic_upload.svg) no-repeat 50% 50%/contain}
.btnD3{position:relative;display:inline-block;min-width:90px;height:40px;line-height:38px;padding:0 12px;text-align:center;font-size:14px ! important;color:#fff;font-weight:700;border:1px solid transparent;border-radius:4px;}
.btnD3{background-color:#009AAF;}
.btnD3.ic_add{min-width:200px}
.btnD3.ic_add::before{content:"";position:relative;top:-2px;display:inline-block;margin:auto 6px auto 0;vertical-align:middle;}
.btnD3.ic_add::before{width:16px;height:16px;background:url(../images/ic_cardadd_w.svg) no-repeat 50% 50%/contain}

.btnM1,.btnM2,.btnM3,.btnM4,.btnM5,.btnM6,.btnM7{position:relative;display:inline-block;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;}
.btnM1{color:#fff;background:#00ba65;}
.btnM1:hover{background:#019c55}
.btnM2{color:#363737;border-color:#00ba65;}
.btnM2:hover{border:1px solid #019c55;}
.btnM3{color:#8097b7;border-color:#e2eceb;}
.btnM3:hover{border-color:#00ba65}
.btnM4{color:#8097b7;border-color:#8097b7;background:#f4f6f9}
.btnM4:hover{color:#fff;background:#8097b7}
.btnM3.ic_edit:before,.btnM4.ic_add:before,.btnM3.ic_del:before,.btnM4.ic_categ:before,.btnM4.ic_edit:before,.btnM4.ic_his:before{position:relative;top:-1px;content:"";display:inline-block;vertical-align:middle;margin-right:6px;transition:all 0.2s ease-in-out;}
.btnM4.ic_categ:before{top:-2px;width:14px;height:17px;background:url(../images/ic_move.svg) no-repeat 50% 50%/contain;}
.btnM4.ic_categ:hover:before{background:url(../images/ic_move_w.svg) no-repeat 50% 50%/contain;}
.btnM4.ic_add:before{width:10px;height:10px;background:url(../images/ic_add.svg) no-repeat 50% 50%/contain;}
.btnM4.ic_add:hover:before{background:url(../images/ic_add_w.svg) no-repeat 50% 50%/contain;}
.btnM3.ic_edit:before,.btnM4.ic_edit:before{width:18px;height:18px;background:url(../images/ic_modify.svg) no-repeat 50% 50%/contain;}
.btnM4.ic_edit:hover:before{background:url(../images/ic_modify_w.svg) no-repeat 50% 50%/contain;}
.btnM3.ic_del:before{width:18px;height:18px;background:url(../images/ic_delete.svg) no-repeat 50% 50%/contain;}
.btnM3.ic_del:hover:before{background:url(../images/ic_delete.svg) no-repeat 50% 50%/contain;}
.btnM4.ic_his:before{width:18px;height:18px;background:url(../images/ic_history.svg) no-repeat 50% 50%/contain;}
.btnM4.ic_his:hover:before{background:url(../images/ic_history_w.svg) no-repeat 50% 50%/contain;}
.btnM5{min-width:60px;color:#00ba65;border-color:#00ba65;}
.btnM5:hover{color:#fff;background:#00ba65}
.btnM6{min-width:60px;color:#fff;background:#00b78b;}
.btnM6:hover{color:#fff;background:#03a07a}
.btnM6:disabled{cursor:default;color:#bababa;border:1px solid #bababa;background:#fff}
.btnM7{color:#00ba65;border-color:#00ba65;}
.btnM7:hover{color:#fff;background:#00ba65}

.btnS1,.btnS2,.btnS3{position:relative;display:inline-block;height:22px;line-height:20px;padding:0 8px;text-align:center;border-radius:4px;font-size:12px ! important;font-weight:700;border:1px solid transparent;transition:all 0.2s ease-in-out;}
.btnS1{color:#8097b7;border-color:#8097b7;background:#f2f6ff}
.btnS1:hover{color:#fff;background:#8097b7;text-decoration:none ! important}
.btnS2{color:#8097b7;border:1px solid #dfdfdf;}
.btnS2:hover{border-color:#8097b7;text-decoration:none ! important}
.btnS1.zoomOut:before,.btnS2.zoomIn:before{content:"";position:relative;top:-2px;display:inline-block;margin:auto 6px auto 0;vertical-align:middle;width:14px;height:14px;}
.btnS1.zoomOut:before{background:url(../images/ic_zoomOut.png) no-repeat 50% 50%/contain}
.btnS1.zoomOut:hover:before{background:url(../images/ic_zoomOut_w.png) no-repeat 50% 50%/contain}
.btnS2.zoomIn:before{background:url(../images/ic_zoomIn.png) no-repeat 50% 50%/contain}
.btnS3{color:#00ba65;border:1px solid #00ba65;background:#fff}
.btnS3:hover{border:1px solid #019c55;text-decoration:none ! important}

.btn_more{position:relative;width:20px;height:20px;font-size:0;}
.btn_more:before,.btn_more:after,.btn_more span{content:"";position:absolute;top:0;bottom:0;margin:auto;width:5px;height:5px;border-radius:100%;background:#cecece;transition:all 0.3s ease-in-out;}
.btn_more:before{left:0;}
.btn_more:after{right:0;}
.btn_more span{left:0;right:0;}
.btn_more:hover:before,.btn_more:hover:after,.btn_more:hover span{background:#43ab94}

.btn_inHelp{position:relative;width:16px;height:16px;vertical-align:middle;font-size:0;background:url(../images/ic_information.svg) no-repeat 50% 50%/contain}

.btn_find,.btn_modify,.btn_edit,.btn_del,.btn_linkage,.btn_note,.btn_forward,.btn_mail,.btn_copy,.btn_unlinkage, .btn_qrcode{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_find:hover,.btn_unlinkage:hover,.btn_modify:hover,.btn_edit:hover,.btn_del:hover,.btn_linkage:hover,.btn_note:hover,.btn_forward:hover,.btn_forward:hover,.btn_mail:hover,.btn_copy:hover, .btn_qrcode:hover{border-color:#d5dfe8}
.btn_modify{background:url(../images/ic_modify.svg) no-repeat 50% 50%/21px auto}
.btn_edit{background:url(../images/ic_edit.svg) no-repeat 50% 50%/21px auto}
.btn_del{background:url(../images/ic_delete.svg) no-repeat 50% 50%/21px auto}
.btn_del.type{background:url(../images/ic_delete_g.svg) no-repeat 50% 50%/21px auto}
.btn_linkage{background:url(../images/ic_linkage.svg) no-repeat 50% 50%/21px auto}
.btn_note{background:url(../images/ic_note.svg) no-repeat 50% 50%/17px auto;}
.btn_forward{background:url(../images/ic_send.svg) no-repeat 50% 50%/17px auto;}
.btn_mail{background:url(../images/ic_mail.svg) no-repeat 50% 50%/17px auto;}
.btn_copy{background:url(../images/ic_copy.svg) no-repeat 50% 50%/17px auto;}
.btn_unlinkage{background:url(../images/ic_linkoff.svg) no-repeat 50% 50%/21px auto}
.btn_qrcode{background:url(../images/ic_qrcode.svg) no-repeat 50% 50%/21px auto}
.btn_find{background:url(../images/ic_find.svg) no-repeat 50% 50%/21px auto}

.btn_modify.small,.btn_del.small,.btn_edit.small,.btn_linkage.small{background-size:18px auto}

.btn_down{width:24px;height:24px;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;}
.btn_down:hover{border-color:#d5dfe8}

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

.btn_add{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_add:before{content:"";display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:6px;background:url(../images/ic_add.svg) no-repeat 50% 50%/contain;transition:all 0.2s ease-in-out;}
.btn_add:hover{color:#fff;background:#8097b7}
.btn_add:hover:before{background:url(../images/ic_add_w.svg) no-repeat 50% 50%/contain;}

.btn_bookmark{width:30px;height:30px;font-size:0;background:url(../images/ic_star_gray.svg) no-repeat 50% 50%/19px auto;transition:all 0.2s ease-in-out;}
.btn_bookmark.chk{background-image:url(../images/ic_star_green.svg)}

.btn_transfer{position:relative;width:54px;height:22px;text-indent:2px;color:#fff;border-radius:2px;background:#00ba65}
.btn_transfer:before{content:"";position:absolute;top:0;right:2px;bottom:0;margin:auto 0;width:7px;height:15px;border-radius:2px;background:#fff;transition:all 0.2s ease-in-out;}
.btn_transfer.off{background:#9b9b9b}
.btn_transfer.off:before{right:45px}

.btn_file{width:20px;height:18px;font-size:0;background:url(../images/ic_file.png) no-repeat 50% 50%/contain;}

.btn_toggle{display:inline-block;overflow:hidden;position:relative;vertical-align:middle;font-size:0;border-radius:4px;border:1px solid #00ba65}
.btn_toggle button{width:60px;height:30px;color:#8097b7;font-size:14px;transition:all 0.2s ease-in-out;}
.btn_toggle .chk{color:#fff;background:#00ba65}

.btn_back{height:32px;padding:0 26px;font-size:12px;color:#30b28d;border:1px solid #68d6bb;border-radius:4px;background:#cdfcea}
.btn_back:before{content:"";display:inline-block;width:17px;height:13px;vertical-align:middle;margin-right:4px;background:url(../images/ic_back.png) no-repeat 50% 50%/contain;}

.btn_write,.btn_delete{width:26px;height:26px;font-size:0;border:1px solid transparent;border-radius:2px;transition:all 0.2s ease-in-out;}
.btn_write{background:url(../images/ic_write.svg) no-repeat 50% 50%/16px auto;}
.btn_delete{background:url(../images/ic_clos_2.svg) no-repeat 50% 50%/16px auto;}
.btn_write:hover,.btn_delete:hover{border:1px solid #a1b3c7;}

.btng_had,.btng_body{z-index:2;position:absolute;left:0;right:0;text-align:right}
.btng_had.center,.btng_body.center{z-index:2;position:absolute;left:50%;right:auto; text-align:right;transform:translateX(-50%);}
.btng_had .posi,.btng_body .posi{position:absolute;top:0;left:0;}
.btng_had{top:-47px;}
.btng_body{bottom:-47px;}

.btn_block{margin-top:14px;text-align:center;}
.btn_block button~button{margin-left:2px;}

/* icon */
.lv_a,.lv_b,.lv_c,.lv_d,.lv_u{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:18px;font-weight:700;border-radius:3px;}
.lv_a{background:#544dd8}
.lv_b{background:#5faffe}
.lv_c{background:#fc9b8d}
.lv_d{background:#ff82ef}
.lv_u{background:#b2b2b2}

.sq_g{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:18px;font-weight:700;border-radius:3px;}
.sq_g{background:#6fa085}

.ic_state{position:relative;display:inline-block;height:22px;line-height:20px;padding:0 6px;text-align:center;border-radius:4px;font-size:12px ! important;font-weight:700;border:1px solid transparent;box-sizing:border-box;}
.ic_state.st1{min-width:64px;color:#e88489;background:#ffe6e9}
.ic_state.st2{min-width:64px;color:#888888;background:#ebebeb}

.ic_imp{display:inline-block;width:45px;height:22px;line-height:22px;text-align:center;color:#fff;font-size:700;border-radius:20px;}
.ic_imp.st1{background:#ff005a}
.ic_imp.st2{background:#ff8100}
.ic_imp.st3{background:#73b1f4}
.ic_imp.st4{background:#004fc4}
.ic_imp.st5{background:#b2b2b2}

.ic_imps{display:inline-block;width:48px;height:36px;vertical-align:middle;font-size:0}
.ic_imps.st1{background:url(../images/ic_emergency.svg) no-repeat 50% 50%/contain}
.ic_imps.st2{background:url(../images/ic_important.svg) no-repeat 50% 50%/contain}
.ic_imps.st3{background:url(../images/ic_general2.svg) no-repeat 50% 50%/contain}
.ic_imps.st4{background:url(../images/ic_announcement.svg) no-repeat 50% 50%/contain}

.ic_download{position:relative;top:-2px;display:inline-block;width:17px;height:16px;vertical-align:middle;margin-right:6px;background:url(../images/ic_down.png) no-repeat 50% 50%/contain;}

.ic_link{position:relative;top:-2px;display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:6px;font-size:0;background:url(../images/ic_circle_link.svg) no-repeat 50% 50%/contain;}
.ic_logintime{position:relative;top:-2px;display:inline-block;width:17px;height:17px;vertical-align:middle;margin-right:6px;background:url(../images/ic_logintime.svg) no-repeat 50% 50%/contain;}
.check-icon {display: inline-block;width: 8px;height: 15px;border-bottom: 5px solid #00ba65;border-right: 5px solid #00ba65;transform: rotate(45deg);}
.close-icon {display: inline-block;width: 20px;height: 20px;position: relative;}
.close-icon::before, .close-icon::after {content: "";position: absolute;top: 0;left: 50%;width: 3px;height: 100%;background-color: #d97c76;}
.close-icon::before {transform: rotate(45deg);}
.close-icon::after {transform: rotate(-45deg);}

/* form */
.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;}
.chk_box label:not([class='SumoLabel']){display:inline-block;padding-left:27px;line-height:20px;}
.chk_box input[type="checkbox"]{position:absolute;top:2px;left:0;}
.chk_box label:not([class='SumoLabel']):before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border:1px solid #e5e5e6;background:#fff}
.chk_box input[type="checkbox"].empty + label:not([class='SumoLabel'])::before{border:1px solid red;}
.chk_box input[type="checkbox"]:checked + label:not([class='SumoLabel'])::before{border-color:#00b78b;background:url(../images/ic_check_w.svg) no-repeat 50% 50% #00b78b}
.chk_box~.chk_box{margin-left:20px;}
.chk_box.type label:not([class='SumoLabel']){font-size:0;padding:0;width:16px}
.chk_box input[type="checkbox"]:disabled + label:not([class='SumoLabel'])::before{background:#e8e8e8;border:1px solid #e5e5e6;}
.chk_box input[type="checkbox"]:checked:disabled + label:not([class='SumoLabel'])::before{border-color:#00b78b;background:url(../images/ic_check_w.svg) no-repeat 50% 50% #00b78b}

.chk_box.c1 input[type="checkbox"]:checked + label::before{border-color:#5987da;background-color:#5987da}
.chk_box.c2 input[type="checkbox"]:checked + label::before{border-color:#5987da;background:url(../images/ic_check_blue.svg) no-repeat 50% 50% #fff}
.chk_box.c3 input[type="checkbox"]:checked + label::before{border-color:#f37355;background-color:#f37355}
.chk_box.c4 input[type="checkbox"]:checked + label::before{border-color:#f37355;background:url(../images/ic_check_og.svg) no-repeat 50% 50% #fff}
.chk_box.c5 input[type="checkbox"]:checked + label::before{border-color:#e68ac0;background-color:#e68ac0}
.chk_box.c6 input[type="checkbox"]:checked + label::before{border-color:#abb2bd;background-color:#abb2bd}
.chk_box.c7 input[type="checkbox"]:checked + label::before{border-color:#5dcead;background-color:#5dcead}
.chk_box.c8 input[type="checkbox"]:checked + label::before{border-color:#a3d46b;background-color:#a3d46b}
.chk_box.c9 input[type="checkbox"]:checked + label::before{border-color:#ffce00;background-color:#ffce00}
.chk_box.c11 input[type="checkbox"]:checked + label::before{border-color:#64bfe8;background-color:#64bfe8}

.radio_box input[type=radio]{opacity:0;-webkit-appearance:none}
.radio_box{display:inline-block;position:relative;line-height:19px;}
.radio_box label{display:inline-block;padding-left:26px;}
.radio_box input[type="radio"]{position:absolute;top:2px;left:0;}
.radio_box label:before{content:"";position:absolute;top:2px;left:0;width:19px;height:19px;border:1px solid #e8e8e8;border-radius:100%;box-sizing:border-box;background:#ffffff;}
.radio_box input[type="radio"]:checked + label::before{border:5px solid #00ba65;}
.radio_box input[type="radio"]:disabled + label::before{background:#e8e8e8;}
.radio_box input[type="radio"]:checked:disabled + label::before{background:#ffffff;}
.radio_box~.radio_box{margin-left:20px;}
.radio_box.fAllChK1 label{font-size:0;padding:0;width:20px}
.radio_box.fAllChK1 label:before{top:0}

select{height:32px;;padding:0 30px 0 10px;font-size:12px;border:1px solid #e2e2e2;background:url(../images/ic_arrow_down.svg) no-repeat right 50% #fff/10px auto;}
input[type="text"],input[type="password"],input[type="tel"],input[type="number"]{height:32px;;padding:0 10px;font-size:12px;border:solid 1px #e2e2e2;border-radius:4px;transition:all 0.3s ease-in-out;}
input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus,select:focus,textarea:focus{outline:none;border:1px solid #00ba65 ! important}
textarea{padding:10px;font-size:12px;border:1px solid #e2e2e2;border-radius:4px;}
input[type="text"].inr{text-align:right}

.search_input{width:260px;padding-left:32px ! important;background:url(../images/ic_find.svg)  #fff no-repeat 12px 50%/13px auto;}
.datepic{width:190px;border-radius:0 ! important;background:url(../images/ic_cha.png) #f9f9f9 no-repeat right center}
.datepic.type{background-color:#fff}
.datepicDesign{width:190px;border-radius:0 ! important;background:url(../images/ic_cha.png) #f9f9f9 no-repeat right center}
.datepicDesign.type{background-color:#fff}
.datepicDesign.yearType{width:95px;background-color:#fff;}
input[type="text"].datepic:focus{border-color:#48cfad ! important;}

/* datepicker */
.ui-datepicker{width:300px;padding:0;display:none;box-sizing:border-box}.ui-datepicker .ui-datepicker-header{position:relative;padding:8px 0;border-bottom:0!important}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;cursor:pointer}.ui-datepicker .ui-datepicker-prev{left:15px;top:28px}.ui-datepicker .ui-datepicker-next{right:15px;top:28px}.ui-datepicker .ui-datepicker-prev-hover{width:49px!important;height:12px!important;background:url(../images/ui-datepicker-prev.png) no-repeat 0 0!important;border:0!important}.ui-datepicker .ui-datepicker-next-hover{width:49px!important;height:12px!important;background:url(../images/ui-datepicker-next.png) no-repeat 0 0!important;border:0!important}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;font-size:0}.ui-datepicker-prev{width:49px!important;height:12px!important;background:url(../images/ui-datepicker-prev.png) no-repeat 0 0}.ui-datepicker-next{width:49px!important;height:12px!important;background:url(../images/ui-datepicker-next.png) no-repeat 0 0}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;font-size:13px;color:#222}.ui-datepicker .ui-datepicker-title select{font-size:13px;color:#222;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{border-radius:5px;border:1px solid #00b78b;padding:0;text-align:center;width:50px;background:transparent;margin-bottom:10px;}.ui-datepicker .ui-datepicker-month,.ui-datepicker .ui-datepicker-year{font-size:13px;color:#222;font-family:'roboto'}.ui-datepicker .ui-datepicker-month{display:block;display:block;font-size:25px}.ui-datepicker table{width:100%;border-collapse:collapse}.ui-datepicker th{text-align:center;height:35px}.ui-datepicker td{height:30px;text-align:center;font-family:'roboto'}.ui-datepicker td span,.ui-datepicker td a{display:inline-block;text-align:center;text-decoration:none;width:30px;height:30px;line-height:30px;color:#222;font-size:13px}.ui-datepicker th span{color:#222;font-size:13px}.ui-datepicker .ui-datepicker-buttonpane{display:none}.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;display:none}.ui-widget.ui-widget-content{padding:0 0 30px;border:1px solid #535353;border-radius:3px;box-shadow:5px 10px 10px rgba(00,00,00,.2)}.ui-widget-content{background:#fff;color:#333}.ui-widget-content a{font-size:13px;color:#333}.ui-widget-header{border:0;background:#fff;color:#222}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,.ui-button.ui-state-disabled:hover,.ui-button.ui-state-disabled:active{font-weight:400;color:#222}.ui-datepicker-close{display:none}.ui-datepicker-today a{background:#eee!important;border-radius:100%}

/* monthpicker */
select.mtz-monthpicker-year {border-radius: 5px;border: 1px solid #00b78b;padding: 0;text-align: center;width: 50px;background: transparent;margin-bottom: 10px;}

/* select */
.SlectBox{transition:all 0.2s ease-in-out;width:100%;line-height:30px;padding-left:10px;text-align:left;font-size:12px;box-sizing:border-box}.SelectClass{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.SumoSelect > .optWrapper > .options > li label,.SumoSelect > .CaptionCont{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{position:relative;outline:none;display:inline-block;vertical-align:top}.SumoSelect:focus > .CaptionCont,.SumoSelect:hover > .CaptionCont{}.SumoSelect > .CaptionCont{position:relative;border:1px solid transparent;min-height:32px;background-color:transparent;margin:0;border-radius:4px;font-style:normal;box-sizing:border-box}.SumoSelect > .CaptionCont > span{display:block;padding-right:20px;color:#9e9e9e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect > .CaptionCont > span.placeholder{color:#9a9b9c!important;font-weight:300;cursor:pointer}.SumoSelect > .CaptionCont > label{position:absolute;top:0;right:0;bottom:0;width:30px;text-align:left}.SumoSelect > .CaptionCont > label > i{width:24px;height:24px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-repeat:no-repeat;background-position:50% 50%;opacity:.8}.SumoSelect > .optWrapper{top:36px;position:absolute;left:0;width:100%;opacity:0;padding-top:0;border-radius:0 0 5px 5px;visibility:hidden;transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-webkit-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-moz-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-ms-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-o-transition:opacity 100ms ease-out,top 100ms ease-out,visibility 100ms ease-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:100;background:transparent;border:1px solid #ddd;overflow:hidden}.SumoSelect > .optWrapper.open{top:34px;visibility:visible;opacity:1;z-index:1000}.SumoSelect > .optWrapper > .options{list-style:none;display:block;padding:0;margin:0;overflow:auto;max-height:120px}.SumoSelect > .optWrapper > .options > li{padding:0;margin:0;position:relative}.SumoSelect > .optWrapper > .options > li:first-child{border-top:0}.SumoSelect > .optWrapper > .options > li:hover{}.SumoSelect > .optWrapper > .options > li.sel{background-color:transparent}.SumoSelect > .optWrapper > .options > li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;font-size:12px;color:#333;font-weight:400;cursor:pointer}.SumoSelect > .optWrapper > .options > li span{display:none}.SumoSelect > .optWrapper > .options > li.disabled{display:none;background-color:inherit;pointer-events:none}.SumoSelect > .optWrapper > .options > li.disabled *{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.SumoSelect .select-all.selected > span i,.SumoSelect .select-all.partial > span i{background-color:transparent;box-shadow:none;border-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:.7;cursor:not-allowed}.SumoSelect.disabled > .CaptionCont{border-color:#ccc;box-shadow:none}.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid transparent;background-color:transparent;padding:8px 0 3px 30px;height:20px;display:block;width:100%}.SumoSelect .select-all > span i{cursor:pointer}.SumoSelect .select-all.partial > span i{background-color:transparent}.SumoSelect > .optWrapper > .options > li.optGroup{padding-left:5px;text-decoration:underline}.SumoSelect > .optWrapper > .options::-webkit-scrollbar{width:4px;height:6px;border:4px solid #fff}.SumoSelect > .optWrapper > .options::-webkit-scrollbar-button:start:decrement,.SumoSelect > .optWrapper > .options::-webkit-scrollbar-button:end:increment{display:block;height:10px;background:#fff}.SumoSelect > .optWrapper > .options::-webkit-scrollbar-track{background:#fff;-webkit-border-radius:10px;border-radius:4px;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0)}.SumoSelect > .optWrapper > .options::-webkit-scrollbar-thumb{height:35px;width:4px;background:#d5d9e3;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0)}.SumoSelect select.open + .SlectBox label i{}
.SumoSelect{width:120px;float:none ! important;vertical-align:middle;}
.SumoSelect:disabled ~ .CaptionCont{background:#eeeeee !important;}
div.SumoSelect{display:inline-block ! important;}
.SumoSelect .read-only + .CaptionCont{background:#ffffff !important;}
.SumoSelect .CaptionCont{border-color:#e0e0e0;background:#fff}
.SumoSelect .CaptionCont > span{font-size:12px ! important;color:#333 ! important;}
.SumoSelect .optWrapper{float:none ! important;margin:0 ! important;display:inline-block ! important;border-color:#e0e0e0;background:#fff}
.SumoSelect > .optWrapper{margin-top:8px ! important;}
.SumoSelect .options{padding:5px ! important;}
.SumoSelect .options > li label{padding-left:6px;line-height:25px ! important;text-align:left ! important;font-size:12px ! important;color:#363737 ! important;transition:all 0.15s ease-in-out;}
.SumoSelect .options > li{border-color:#fff;transition:all 0.15s ease-in-out;}
.SumoSelect .options > li:hover{background-color:#00ba65;}
.SumoSelect .options > li:hover label{color:#fff ! important;}
.SumoSelect .options > li.selected{background-color:#00ba65;}
.SumoSelect .options > li.selected label{color:#fff ! important;}
.SumoSelect.open + .SlectBox{border:1px solid #30c782;}
.SumoSelect .optWrapper.open{overflow:visible;border:1px solid #e0e0e0;border-radius:4px;}
.SumoSelect .optWrapper:before{z-index:9;content:"";position:absolute;left:0;right:0;top:-7px;margin:0 auto;width:14px;height:7px;background:url(../images/ic_select_option.png) no-repeat 0 0}
.SumoSelect .CaptionCont > label > i{background-image:url(../images/ic_arrow_down.svg) ! important;background-size:20px auto}
.SumoSelect select.open + .SlectBox label i{background-image:url(../images/ic_arrow_up.svg) ! important;background-size:20px auto}
.SumoSelect.reset > .CaptionCont{line-height:32px ! important}
.SumoSelect.reset > .CaptionCont{min-height:32px ! important}
.SumoSelect.reset .CaptionCont{border-color:#e0e0e0 ! important}
.SumoSelect.reset.open + .SlectBox{border-color:#6275ff ! important}
.SumoSelect.reset > .optWrapper.open{top:32px ! important}
.SumoSelect.disabled .CaptionCont{background:#eaedf4}
.SumoSelect.size1{width:80px ! important}
.SumoSelect.size2{width:185px ! important}
.SumoSelect.size3{width:90px ! important}
.SumoSelect.size4{width:150px ! important}
.SumoSelect.size5{width:60px ! important}
.SumoSelect.sizeAuto{width:auto ! important;}
.SumoSelect.sizeAuto > .CaptionCont {padding-right:5px;}
.SumoSelect.sizeAuto > .optWrapper{width:auto;}
.SumoSelect.sizeAuto > .optWrapper .options li label{width:auto;padding-right:6px;}
.SumoSelect.type > .optWrapper{top:auto ! important;bottom:40px ! important;}
.SumoSelect.type .optWrapper:before{top:auto;bottom:-7px;transform:rotate(180deg);}

.imgSelect{z-index:1;position:relative;display:inline-block;width:98px;vertical-align:middle;box-sizing:border-box;}
.imgSelect .select{height:32px;line-height:32px;padding-left:4px;padding-right:20px;border:1px solid #e0e0e0;border-radius:4px;transition:all 0.2s ease-in-out;}
.imgSelect .select:after{content:"";width:24px;height:34px;position:absolute;top:0;right:0;background:url(../images/ic_arrow_down.svg) no-repeat 50% 50%/20px auto;}
.imgSelect img{position:relative;top:-1px;width:19px;margin-right:2px;}
.imgSelect .option{display:none;position:absolute;left:0;top:42px;width:100%;padding:2px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;box-sizing:border-box;}
.imgSelect .option:before{z-index:9;content:"";position:absolute;left:0;right:0;top:-7px;margin:0 auto;width:14px;height:7px;background:url(../images/ic_select_option.png) no-repeat 0 0}
.imgSelect .option button{width:100%;height:25px;padding-left:2px;text-align:left;transition:all 0.2s ease-in-out;}
.imgSelect .option button:hover{color:#fff;background:#00ba65}
.imgSelect.open .select{border-color:#00ba65}
.imgSelect.open .select:after{transform:rotate(180deg);}
.imgSelect.open .option{display:block;}

/* table */
.board_list:not(.board_list.standard) tr:hover{background:#eef9ff;}
.board_list:not(.board_list.standard) tr.selected{background:#eef9ff;}
.board_list .highlight{ background-color: #eef9ff !important;}
.board_list th{padding:12px;font-size:12px;color:#2e3238;border:1px solid #eaeaea;background:#f4f5f8;position:relative;}
.board_list th.stress:before{content:"";position:absolute;top:0;left:0;width: 0;height: 0;border-style: solid;border-width: 12px 12px 0px 0px;border-color: #674FDC transparent transparent transparent;}
.board_list td{padding:12px;text-align:center;border:1px solid #eaeaea;position:relative;}
.board_list a:hover{text-decoration:underline;text-underline-position:under;}
.board_list .cell{text-align:left}
.board_list .cell2{padding-right:16px;text-align:right}
.board_list .cell3{padding-left:32px;text-align:left}
.board_list .titB{display:block;margin-bottom:6px;font-size:14px;font-weight:700;}
.board_list .titB.ty1{color:#004fc4}
.board_list .titB.ty2{color:#222}
.board_list .txt{color:#8097b7;}
.board_list .txt_help{display:none;position:absolute;padding:12px;margin-top:12px;line-height:18px;text-align:left;color:#fff;font-size:11px;border-radius:6px;background:#3c4754;z-index:3;}
.board_list .txt_help:before{content:"";position:absolute;left:0;right:0;top:-7px;width:0;height:0;vertical-align:middle;margin:0 auto;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid #3c4754;}
.txt_tooltip{position:absolute;padding:12px;line-height:18px;text-align:left;color:#fff;font-size:11px;border-radius:6px;background:#3c4754;z-index:999;}
.txt_tooltip:before{content:"";position:absolute;left:-5px;top:13px;width:0;height:0;vertical-align:middle;margin:0 auto;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #3c4754;}
.board_list .bar{position:relative;height:14px;padding-right:34px}
.board_list .bar p{height:100%;}
.board_list .bar .st1{background:#51a7e0}
.board_list .bar .st2{background:#2ecc71}
.board_list .bar .st3{background:#ffca77}
.board_list .bar .st4{background:#ff9077}
.board_list .bar .st5{background:#e0e0e0}
.board_list .bar span{position:absolute;top:0;right:0;width:28px;text-align:left}
.board_list .ic_arrOpen,.board_list .ic_arrFold{display:inline-block;width:0;height:0;vertical-align:middle;margin-right:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #bababa;}
.board_list .ic_arrFold{transform:rotate(-90deg);}
.board_list .ic_up{color:#008cff}
.board_list .ic_down{color:#f00}
.board_list .ic_notice{display:inline-block;width:45px;height:22px;line-height:22px;text-align:center;color:#fff;border-radius:2px;background:#004fc4}
.board_list span.underline{text-decoration:underline;text-underline-position:under;cursor:pointer;}
.board_list span.underline:hover{opacity:0.6;}
.board_list .resizer {position: absolute;top: 0;right: 0;width: 5px;height: 100%;cursor: col-resize;user-select: none;}

.emptyDataForm{width:100%;height:400px;}
.emptyDataForm div{height:100%;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;font-size:14px;font-weight:700;}

.tbl_toltip{z-index:2;position:absolute;padding:12px;line-height:18px;text-align:left;color:#fff;border-radius:6px;background:#3d4855}
.tbl_toltip:before{content:"";position:absolute;left:-10px;top:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3d4855;transform:rotate(90deg);}
.tbl_toltip ul {display:flex;gap:20px;}

.tbl_row th,.tbl_row td{height:27px;padding:6px 16px;border:var(--border-grid);text-align:left}
.tbl_row th{background:#f4f5f8}
.tbl_row th.center{text-align:center;}
.tbl_row td{color:#2e3238;line-height:20px;word-break:break-all;}
.tbl_row td.center{text-align:center;}
.tbl_row .fncBtn{position:relative;padding:0;}
.tbl_row .fncBtn > div{padding:12px;}
.tbl_row .fncBtn a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:700px;padding:2px 0;display:block;}
.tbl_row .fncBtn:hover a{text-decoration:underline;text-underline-position:under;}
.tbl_row .fncBtn:hover .btng{display:block;}
.tbl_row .fncBtn .btng{display:none;position:absolute;top:10px;right:12px}
.tbl_row .proG span{display:inline-block;height:28px;line-height:28px;padding:0 32px;border-radius:20px;background:#efefef;}

.tbl_col th,.tbl_col td{height:27px;padding:6px 16px;border:var(--border-grid);}
.tbl_col thead th{background:#f4f5f8}
.tbl_col td{text-align:center;color:#2e3238;line-height:20px;word-break:break-all;}
.tbl_col .cell{text-align:left}
.tbl_col .cell2{padding-right:16px;text-align:right}
.tbl_col .bg td{background:#fffeee ! important}
.tbl_col tr:hover td{background:#eef9ff}
.tbl_col.mini th,.tbl_col td{height:20px;padding-top:4px;padding-bottom:4px;}
.tbl_col .total td{font-weight:700}

.form_tbl.size{width:520px;}
.form_tbl.size2{width:350px;}
.form_tbl.size3{width:620px;}
.form_tbl.full{width:100%}
.form_tbl{display:table;width:100%}
.form_tbl > div{display:table-row;min-height:34px;}
.form_tbl dt, .form_tbl dd{display:table-cell;padding:8px 0;vertical-align:middle;}
.form_tbl dt{width:120px;font-size:13px;}
.form_tbl dt.type{padding-top:20px;vertical-align:top;}
.form_tbl dt strong{display:inline-block;width:5px;height:5px;vertical-align:middle;margin-left:4px;border-radius:100%;font-size:0;background:#ff5e5a}
.form_tbl dd{position:relative;font-size:13px;color:#2e3238}
.form_tbl .txtinput{width:100%;border:0;border-bottom:1px solid #e0e0e0;border-radius:0;}
.form_tbl .txtinput:focus{border:0 ! important;border-bottom:1px solid #e0e0e0 ! important}
.form_tbl .datepic{background-color:#fff}
.form_tbl .part{margin:0 2px;color:#e0e0e0}
.form_tbl .msg{margin-top:6px;font-size:12px;color:#379982}
.form_tbl textarea{width:100%;}
.form_tbl .name{position:relative;display:inline-block;height:24px;line-height:24px;padding:2px 32px 2px 12px;border-radius:20px;background:#eaeaea}
.form_tbl .name .del{position:absolute;top:2px;right:4px;width:24px;height:24px;font-size:0;background:url(../images/ic_del.svg) no-repeat 50% 50%;}
.form_tbl .name .del:before,.form_tbl .name .del:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:16px;height:1px;background:#bfbfbf;transform:rotate(45deg);}
.form_tbl .name .del:after{transform:rotate(-45deg);}
.form_tbl input.size1{width:100%;}
.form_tbl .memo{width:100%;height:500px}
.form_tbl input[type="text"]:focus {border-bottom:1px solid green;}
.form_tbl input[type="text"].empty {border-bottom:1px solid red;}
.form_tbl textarea.empty {border:1px solid red;}
.form_tbl pup select.empty {border:1px solid red;}

.fileUpload_box{border:1px solid #e0e0e0;border-radius:4px;}
.fileUpload_box .file{position:relative;padding:10px 12px;min-height:32px;border-bottom:1px solid #e0e0e0;box-sizing:border-box;}
.fileUpload_box .file .btn_del{position:absolute;top:0;right:2px;bottom:0;margin:auto 0}
.fileUpload_box .upload{display:flex;align-items:center;justify-content:center;height:60px;}
.fileUpload_box .upload p{text-align:center;font-size:12px;color:#bababa}
.fileUpload_box .upload p:before{content:"";display:inline-block;width:15px;height:19px;vertical-align:middle;margin-right:4px;background:url(../images/ic_addfile.svg) no-repeat 50% 50%;}

.txtC1{color:#f98812} /* 주황 */
.txtC2{color:#6487e8} /* 파랑 */
.txtC3{color:#37c495} /* 초록 */
.txtC4{color:#ff546a} /* 빨강 */

.board_view{padding:18px;border:1px solid #e0e0e0;border-radius:6px;}
.board_view .data{margin-bottom:20px}
.board_view .data span~span{position:relative;padding-left:12px;margin-left:12px;}
.board_view .data span~span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:10px;background:#697077}
.board_view .file strong{margin-right:12px;font-size:14px;color:#444a54}
.board_view .file ul{margin-top:20px;padding:16px 46px;border:1px solid #e0e0e0;}
.board_view .file ul li~li{margin-top:12px}
.board_view .file a:hover{text-decoration:underline;text-underline-position:under;}
.board_view .memo{line-height:26px;font-size:14px;padding:20px 46px;}
.board_view .memo img{max-width:100%;}
.comments_box{margin-top:20px}
.comments_box .top{position:relative;min-height:32px;line-height:32px;margin-bottom:6px;font-size:14px;}
.comments_box .top strong{font-weight:700}
.comments_box .top .btng{position:absolute;top:0;right:0;}
.comments_box .box{padding:20px;border:1px solid #e6e9ed;border-radius:6px;background:#f5f7fa}
.comments_box .lists{margin-bottom:6px;border:1px solid #e6e9ed;background:#fff}
.comments_box .lists .item{position:relative;padding:14px}
.comments_box .lists .item~.item{border-top:1px solid #e6e9ed;}
.comments_box .lists .item .data span~span{position:relative;padding-left:12px;margin-left:12px;}
.comments_box .lists .item .data span~span:before{content:"";position:absolute;top:2px;left:0;width:1px;height:10px;background:#697077}
.comments_box .lists .item .memo{margin-top:12px;line-height:26px;font-size:14px;}
.comments_box .lists .item .btng{position:absolute;top:14px;right:14px}
.comments_box .lists .item .btng button~button{margin-left:12px}
.comments_box .textarea{position:relative;padding:16px 16px 56px;border:1px solid #00ba65;border-radius:6px;background:#fff;}
.comments_box textarea{width:100%;height:30px;margin-top:12px;padding:0;line-height:26px;font-size:14px;border:0 ! important}
.comments_box .textarea .btn1{position:absolute;right:20px;bottom:20px}
.comments_box .textarea .btn2{position:absolute;right:95px;bottom:20px}

.paging_box{position:relative;min-height:32px;margin-top:14px;}
.paging_box .SumoSelect{z-index:2;position:absolute;top:0;left:0;}
.paging{position:relative;z-index:1;text-align:center;font-size:0;}
.paging *{vertical-align:middle;}
.paging ul{display:inline-block;font-size:0;margin:0 8px}
.paging li{display:inline-block;}
.paging li~li{margin-left:8px}
.paging li a,.paging li strong{position:relative;display:inline-block;width:32px;height:32px;line-height:32px;font-size:12px;text-align:center;border:1px solid #efefef;transition:all 0.3s ease-in-out;}
.paging li strong a,.paging ul li strong{position:relative;z-index:1;line-height:32px;border:1px solid #373f43;color:#fff;background:#373f43}
.paging .prev,.paging .next,.paging .first,.paging .last{display:inline-block;width:32px;height:32px;font-size:0;text-indent:-5000px;border:0;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.paging .first{background:url(../images/ic_square_arrowe_left2.svg) no-repeat 50% 50%;}
.paging .prev{margin-left:8px;background:url(../images/ic_square_arrowe_left1.svg) no-repeat 50% 50%;}
.paging .next{background:url(../images/ic_square_arrowe_right1.svg) no-repeat 50% 50%;}
.paging .last{margin-left:8px;background:url(../images/ic_square_arrowe_right2.svg) no-repeat 50% 50%;}
.paging  a:hover{border:1px solid #000}

/* contents */
.space1{margin-top:10px;}

.tit_h2{margin-bottom:22px;font-size:18px;font-weight:700;color:#001529;}
.tit_h2.type1{color:#364f96;}
.tit_h2 button{position:relative;top:-2px;}
.tit_h2 i{margin-right:12px;}
.tit_h2 img{margin-right:12px;width:29px;}
.tit2_h2{margin-bottom:22px;font-size:18px;font-weight:700;color:#364f96}
.tit3_h2 span{display:inline-block;line-height:36px;padding:0 12px;font-size:18px;font-weight:700;color:#fff;border-radius:4px;background:#5fa8e6}
.tit_h3{margin:38px 0 20px;font-size:16px;font-weight:700;color:#364f96}
.tit_h3 strong{position:relative;top:-2px;display:inline-block;width:5px;height:5px;vertical-align:middle; margin-left:4px;font-size:0;border-radius:100%;background:#ff726f}
.tit_h3 button{position:relative;top:-1px;margin-left:16px}
.tit2_h3{margin-bottom:12px;font-size:14px;font-weight:700;color:#404449}
.tit2_h3 em{margin-left:20px;font-size:12px;color:#379982;}

.tabs{margin-bottom:8px;}
.tabs ul{display:flex;}
.tabs li{width:140px;}
.tabs li:hover{opacity:0.8;}
.tabs a{display:block;height:40px;line-height:40px;margin:-.5px;text-align:center;color:#8097b7;font-size:14px;border:1px solid #d8e6e5;}
.tabs .current a{color:#fff ! important;font-weight:700;background-image:linear-gradient(to right, #60ca86,#59c58c,#4dbc97,#44b69e,#40b3a2,#38ada9);}

.tabs2{margin:0 -40px 30px;padding:0 45px;border-bottom:1px solid #d8e6e5;}
.tabs2.type{margin-left:0;margin-right:0}
.tabs2 ul{display:flex;}
.tabs2 li{min-width:140px;}
.tabs2 a{display:block;height:40px;line-height:40px;margin:-.5px;padding:0 12px;text-align:center;font-size:14px;border:1px solid #d8e6e5;border-radius:4px 4px 0 0;background:#f4f5f8}
.tabs2 .current a{color:#09184b ! important;font-weight:700;border-bottom:0;background:#fff}

.tabs3{margin-bottom:8px;}
.tabs3 ul{display:flex;}
.tabs3 li{min-width:140px;}
.tabs3 a{display:block;height:40px;line-height:40px;margin:-.5px;text-align:center;color:#8097b7;font-size:14px;border:1px solid #d8e6e5;}
.tabs3 .current a{color:#fff ! important;font-weight:700;background-image:linear-gradient(to right, #60ca86,#59c58c,#4dbc97,#44b69e,#40b3a2,#38ada9);}

.txt_para{line-height:18px;}
.txt_coment{margin-top:13px;padding:12px 16px 13px;line-height:18px;border-top:2px solid #ecefef;background:#f8feff}
.txt_coment a{color:#0e7cf4;font-weight:700}
.txt_tbl{margin-bottom:8px;text-align:right}
.tit_h3+.txt_tbl{margin-top:-20px;}

.txt_refer{line-height:18px;padding-left:12px;text-indent:-12px;}

.grid{background:var(--bg-grid);border:var(--border-grid);min-width:280px;}
.grid .had{position:relative;height:52px;line-height:52px;padding-left:20px;border-bottom:1px solid #e3e3e3}
.grid .had h2{font-size:14px;font-weight:700;color:#404449}
.grid .had h2 span{font-size:12px;color:#808791}
.grid .had .btn_more{position:absolute;top:0;bottom:0;right:20px;margin:auto 0;}
.grid .body{position:relative;padding:16px;}

.grid_box{position:relative;padding:20px 45px;background:var(--bg-grid);border:var(--border-grid);box-sizing:border-box;}
.grid_box.full{min-height:calc(100vh - 184px)}
div + .grid_box{margin-top:14px}

.gridG{display:grid;gap:15px;}
.gridG.col4{grid-template-columns:1fr 1fr 1fr 1fr;}

.gridGroupA{width:100%;display:grid;gap:15px;grid-template-columns:400px 1fr;}
.gridGroupA .aside{position:sticky;top:80px;padding:20px;height:calc(100vh - 224px);background:var(--bg-grid);border:var(--border-grid);z-index:1;}
.gridGroupA .aside .search_input{width:100%}
.gridGroupA .aside .search_input + .tbl_had{margin-top:12px}
.gridGroupA .grid_box{margin-top:0}
.gridGroupA .selectg_col{margin-top:12px}

.gridGroupB{width:100%;display:grid;gap:15px;grid-template-columns:310px 1fr;}
.gridGroupB .aside{padding:20px;background:var(--bg-grid);border:var(--border-grid)}
.gridGroupB .grid_box{margin-top:0}

.yearChart_box{padding:14px;background:var(--bg-grid);border:var(--border-grid)}
.yearChart_box .forms{margin-bottom:14px}
.yearChart_box .gridGroup{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

.searchG_box{position:relative;margin-top:14px;padding:20px 45px;background:var(--bg-grid);border:var(--border-grid)}
.searchG_box dl{display:flex;gap:15px 54px;flex-wrap:wrap;justify-content: space-between;}
.searchG_box dl .filter_btns {display: flex; gap: 15px 54px;flex-wrap:wrap;}
.searchG_box dl~dl{margin-top:14px}
.searchG_box dl div{display:flex;align-items:center;}
.searchG_box dt{margin-right:10px;color:#363737}
.searchG_box dd{font-size:0;display:flex;align-items:center;}
.searchG_box dl dd button{min-width:60px;height:32px;margin:-.5px;font-size:12px;border:1px solid #e2e2e2;background:#f9f9f9;transition:all 0.2s ease-in-out;}
.searchG_box dl dd button.chk{position:relative;color:#30b28d;border-color:#58d4b4;background:#cdfcea}
.searchG_box dl~dl button{min-width:76px}
.searchG_box .cha dt{display:none}
.searchG_box .cha span{margin:0 4px;vertical-align:middle;font-size:12px;}
.searchG_box .cha2 dt{display:flex;}
.searchG_box .cha2 span{margin:0 4px;vertical-align:middle;font-size:12px;}
.searchG_box .search{}
.searchG_box .search.type{position:static;}
.searchG_box .search button{margin-left:2px;}

.tbl_had{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.tbl_had.center{justify-content:center;}
.tbl_had .total{display:inline-block;font-size:12px;}
.tbl_had .total strong{margin-left:4px;font-weight:700}
.tbl_had .total span{margin-left:20px}
/* .tbl_had .total span:before{position:relative;top:-2px;content:"";display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:4px;border-radius:100%;background:#8097b7} */
.tbl_had button~.SumoSelect,.tbl_had .SumoSelect~.SumoSelect{margin-left:2px}
.tbl_had .SumoSelect~.total{margin-left:7px}
.tbl_had button+button{margin-left:3px;}
.tbl_had .txt{margin-right:4px;font-weight:700}
.txt_refer + .tbl_had{margin-top:17px}

/* .chart_toltip{position:absolute;width:160px;border:1px solid #535e6b;background:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, .2);}
.chart_toltip .tit{height:30px;line-height:30px;padding-left:15px;font-size:14px;color:#fff;background:#535e6b}
.chart_toltip th,.chart_toltip td{height:30px;text-align:left;color:#363737}
.chart_toltip tr~tr th, .chart_toltip tr~tr td{border-top:1px solid #edefee}
.chart_toltip th{padding-left:15px;}
.chart_toltip td{padding-left:4px;border-left:1px solid #edefee}
.chart_toltip i{display:inline-block;vertical-align:middle;width:10px;height:10px;margin-right:6px;}
.chart_toltip .i1{background:#63a5e7}
.chart_toltip .i2{background:#2939ce}
.chart_toltip .i3{background:#85e0c4}
.chart_toltip .i4{background:#00cc6f} */
.chart_toltip{position:absolute;width:auto;border:1px solid #535e6b;background:#fff;box-shadow:0 4px 8px rgba(0, 0, 0, .2);z-index:998;}
.chart_toltip .tit{height:30px;line-height:30px;padding-left:15px;font-size:14px;color:#fff;background:#535e6b}
.chart_toltip table {width: 100%;table-layout: auto;border-collapse: collapse;}
.chart_toltip th,.chart_toltip td{height:30px;text-align:left;color:#363737;white-space: nowrap;padding-right:10px;}
.chart_toltip tr~tr th, .chart_toltip tr~tr td{border-top:1px solid #edefee}
.chart_toltip th{padding-left:15px;}
.chart_toltip td{padding-left:4px;border-left:1px solid #edefee}
.chart_toltip i{display:inline-block;vertical-align:middle;width:10px;height:10px;margin-right:6px;}
.chart_toltip .i1{background:#63a5e7}
.chart_toltip .i2{background:#2939ce}
.chart_toltip .i3{background:#85e0c4}
.chart_toltip .i4{background:#00cc6f}

.map_toltip{position:absolute;border:1px solid #404c5b;background:#fff}
.map_toltip dt{padding:6px 15px;color:#fff;background:#404c5b}
.map_toltip dd{padding:6px 15px;line-height:18px;}

.cusCard_ui{margin-top:18px}
.cusCard_ui .dhad{margin:0 -20px;display:grid;grid-template-columns:196px 48px 48px 48px 1fr;}
.cusCard_ui .drow{display:grid;grid-template-columns:190px 48px 48px 48px 1fr;}
.cusCard_ui .dt,.cusCard_ui .dd{display:flex;align-items:center;justify-content:center;margin:-.5px;box-sizing:border-box;}
.cusCard_ui .dt{height:40px;color:#2e3238;border:var(--border-grid)}
.cusCard_ui .dt:first-child{justify-content:flex-start;padding-left:6px;border-left:0;}
.cusCard_ui .dt:last-child{border-left:0;}
.cusCard_ui .dbody{overflow-y:scroll;height:calc(100vh - 360px);margin:0 -20px 0 -14px;padding-right:2px;}
.cusCard_ui .dd{cursor:pointer;height:60px;font-size:16px;font-weight:700}
.cusCard_ui .dd:nth-child(1){position:relative;display:block;padding:12px 0 0 55px;font-size:14px;}
.cusCard_ui .dd:nth-child(1) i{position:absolute;top:12px;left:12px;}
.cusCard_ui .dd:nth-child(1) span{font-size:12px;font-weight:400}
.cusCard_ui .dd:first-child .tit{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.cusCard_ui .dd:nth-child(2){background:#FADEE0}
.cusCard_ui .dd:nth-child(3){background:#FEF5DE}
.cusCard_ui .dd:nth-child(4){background:#ECF7E2}
.cusCard_ui .dd:nth-child(5){background:#D9EDFD}
.cusCard_ui .dd:nth-child(6){background:#FEE9D8}
.cusCard_ui .dd .tit{font-size:14px !important;font-weight:700 !important;}
.cusCard_ui .drow{position:relative;overflow:hidden;margin-top:4px;border-radius:6px;border:var(--border-grid);transition:all 0.2s ease-in-out;}
.cusCard_ui .drow:hover{border-color:#8097B7}
.cusCard_ui .drow:hover .ddg{display:block;position:absolute;top:0;right:0;width:198px;height:60px;line-height:60px;padding-right:30px;text-align:right;background:#fff;box-sizing:border-box;}
.cusCard_ui .drow.current{border-color:#45C5B0}
.cusCard_ui .ddg{display:none}
.cusCard_ui .ddg button~button{margin-left:4px}
.cusCard_ui i.partnercompany {background:url(../images/partnercompany.svg) no-repeat;width:30px;height:30px;}
.cusCard_ui i.manageable {background:url(../images/manageable.svg) no-repeat;width:30px;height:30px;}
.cusCard_ui i.unmanageable {background:url(../images/unmanageable.svg) no-repeat;width:30px;height:30px;}
.mngInfor_ui .item~.item,.proInfor_ui .item~.item{margin-top:4px}
.mngInfor_ui .item,.proInfor_ui .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-radius:4px;border:var(--border-grid);}
.mngInfor_ui .item div:nth-child(1) img{width:31px;height:31px;}
.mngInfor_ui .item .btng,.proInfor_ui .item .btng{position:absolute;top:50%;right:30px;width:auto;margin:auto 0;transform:translate(0, -50%)}
.mngInfor_ui .item .btng button~button,.proInfor_ui .item .btng button~button{margin-left:10px;}
.mngInfor_ui .item .ic_person{display:inline-block;width:31px;height:31px;line-height:31px;vertical-align:middle;text-align:center;font-size:14px;color:#fff;font-weight:700;border-radius:100%;}
.mngInfor_ui .item .ic_person.ty1{background:#9baec4}
.proInfor_ui .item{grid-template-columns:60px 11% 11% 25% 1fr 1fr;}
.proInfor_ui .item div:nth-child(1) img{width:32px;height:32px;}

/* .contractStep_ui{position:relative;margin:20px 0 0 20px;font-size:16px;font-weight:700}
.contractStep_ui:before{content:"";position:absolute;top:5px;left:14px;width:14px;height:calc(100% - 10px);background:#c0d9e5}
.contractStep_ui li{position:relative;height:40px;line-height:40px;padding-left:54px;}
.contractStep_ui li:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;border-radius:100%;box-sizing:border-box;background:url(../images/ic_stepChk.png) no-repeat 50% 50% #0e7cf4;}
.contractStep_ui li~li{margin-top:80px}
.contractStep_ui li span{display:block;}
.contractStep_ui .current{color:#0e7cf4}
.contractStep_ui .current:before{border:10px solid #0e7cf4;background:#c0d9e5}
.contractStep_ui .current~li:before{background:#c0d9e5}
.contractStep_ui .error:before{background:url(../images/ic_stepError.png) no-repeat 50% 50% #f98812;}
.contractStep_ui .msg{position:relative;top:-10px;display:inline-block;line-height:18px;padding:5px 12px;font-size:12px;text-align:center;border:1px solid #ffdfc1;background:#fef4ea} */

.contractStep_ui{position:relative;margin:20px 0 0 20px;font-size:16px;font-weight:700}
.contractStep_ui:before{content:"";position:absolute;top:5px;left:14px;width:14px;height:calc(100% - 10px);background:#c0d9e5}
.contractStep_ui li{position:relative;height:40px;line-height:40px;padding-left:54px;}
.contractStep_ui li:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;border-radius:100%;box-sizing:border-box;background:#c0d9e5;}
.contractStep_ui li.complete:before{content:"";position:absolute;top:0;left:0;width:40px;height:40px;border-radius:100%;box-sizing:border-box;background:url(../images/ic_stepChk.png) no-repeat 50% 50% #0e7cf4;}
.contractStep_ui li~li{margin-top:80px}
.contractStep_ui li span{display:block;}
.contractStep_ui .current{color:#0e7cf4}
.contractStep_ui .current:before{border:10px solid #0e7cf4;background:#c0d9e5}
.contractStep_ui .error:before{background:url(../images/ic_stepError.png) no-repeat 50% 50% #f98812;}
.contractStep_ui .msg{position:relative;top:-10px;display:inline-block;line-height:18px;padding:5px 12px;font-size:12px;text-align:center;border:1px solid #ffdfc1;background:#fef4ea;color:unset;}
.content_scroll {width:100%;height:100%;overflow-y:auto;padding-right:44px;}

.titToggle_box{position:relative;color:#001529;font-size:18px;}
.titToggle_box span{margin-right:20px}
.titToggle_box .btng{position:absolute;top:0;right:0;}
.titToggle_box .txt{font-size:14px;font-weight:700;}

.category_select{margin-top:12px}
.category_select .select{position:relative;overflow:hidden;height:32px;padding-left:80px;border-radius:4px;border:1px solid #8097b7;background:#f4f6f9;box-sizing:border-box;}
.category_select .select label{position:absolute;top:0;left:0;width:80px;line-height:30px;color:#fff;text-align:center;background:#8097b7}
.category_select .select select{width:100%;height:30px;border:0;background:url(../images/ic_sel.png) no-repeat right 10px center #f4f6f9;}
.category_select .select select:focus{border:none ! important}
.category_select .btng{margin-top:10px;text-align:right}

.proCard_ui{margin-top:18px}
.proCard_ui .dhad{position:relative;line-height:38px;height:38px;margin:0 -20px;padding:0 26px;color:#2e3238;border-top:1px solid #eee;border-bottom:1px solid #eee}
.proCard_ui .dhad i{display:inline-block;width:12px;height:12px;margin:0 3px 0 8px;vertical-align:middle;}
.proCard_ui .dhad .box{position:absolute;top:0;right:30px}
.proCard_ui .drow{display:grid;grid-template-columns:1fr 60px;}
.proCard_ui .dbody{overflow-y:scroll;height:calc(100vh - 400px);margin:0 -20px 0 -14px;padding-right:2px;}
.proCard_ui .dc{display:flex;align-items:center;padding:20px;}
.proCard_ui .dc{font-weight:700;font-size:15px;}
.proCard_ui .dd{cursor:pointer;height:60px;}
.proCard_ui .dd:nth-child(1){position:relative;display:block;padding:9px 0 0 20px;box-sizing:border-box;}
.proCard_ui .dd:nth-child(2){display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;}
.proCard_ui .part{display:inline-block;height:21px;line-height:21px;padding:0 10px;font-size:12px;color:#8097b7;border:1px solid #cee4f8;border-radius:4px;background:#f4f6f9;box-sizing:border-box;}
.proCard_ui .txt{margin-top:4px;}
.proCard_ui .txt strong{margin-right:6px;font-weight:700;font-size:14px;}
.proCard_ui .drow{position:relative;overflow:hidden;margin-top:4px;border-radius:6px;border:var(--border-grid);transition:all 0.2s ease-in-out;}
.proCard_ui .drow:hover{border-color:#96a8c2}
.proCard_ui .drow:hover .ddg{display:block;position:absolute;top:0;right:0;width:138px;height:60px;line-height:60px;padding-right:30px;text-align:right;background:#fff;box-sizing:border-box;}
.proCard_ui .drow.current{border-color:#96a8c2}
.proCard_ui .ddg{display:none}
.proCard_ui .ddg button~button{margin-left:4px}
.proCard_ui .st1{background:#dae8f7}
.proCard_ui .st2{background:#efefef}
.proCard_ui .st3{background:#cbf4e0}

.analysis_ui{padding:20px 45px;border:var(--border-grid);background:var(--bg-grid);min-height:calc(100vh - 184px);box-sizing:border-box;}
.analysis_ui .colg{display:flex;gap:0 40px;margin-bottom:37px}
.analysis_ui .colg .btng{margin-bottom:18px}
.analysis_ui .colg .btng button~button{margin-left:3px;}
.analysis_ui .gpDes_box {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);gap: 14px;position: relative;width: 100%;max-width: 818px;margin: 0 auto;box-sizing: border-box;}
.analysis_ui .gpDes_box h3{z-index:1;display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:118px;height:118px;line-height:24px;text-align:center;font-size:18px;font-weight:700;color:#2e3238;border-radius:100%;background:#fff}
.analysis_ui .gpDes_box .box {width: 100%;min-width: 0;height: 170px;padding: 14px 40px 0 94px;border-radius: 5px;box-sizing: border-box;position: relative;overflow: hidden;}
.analysis_ui .gpDes_box .box:after{content:"";position:absolute;width:140px;height:140px;border-radius:100%;}
.analysis_ui .gpDes_box .box h4{position:absolute;top:0;left:0;line-height:36px;width:80px;height:100%;padding-top:30px;text-align:center;font-size:24px;font-weight:700;color:#2e3238;box-sizing:border-box;}
.analysis_ui .gpDes_box .box h4 p:nth-child(1){width:45px;height:45px;text-align:center;line-height:45px;margin: 0 auto;background:#ffffff;border-radius:50%;margin-bottom:20px;}
.analysis_ui .gpDes_box .box h4 p:nth-child(3){font-size:15px;}
.analysis_ui .gpDes_box .box h5{margin-bottom:10px;font-size:clamp(15px, 1vw, 18px);font-weight:700;color:#2e3238}
.analysis_ui .gpDes_box .box li{position:relative;line-height:19px;padding-left:12px;}
.analysis_ui .gpDes_box .box li:before{content:"";position:absolute;top:8px;left:0;width:2px;height:2px;border-radius:100%;background:#2e3238}
.analysis_ui .gpDes_box .box:nth-child(odd){padding-left:0;padding:14px 94px 0 30px}
.analysis_ui .gpDes_box .box:nth-child(odd) h4{left:auto;right:0}
.analysis_ui .gpDes_box .box:nth-of-type(1){border:1px solid #bfdbfe}
.analysis_ui .gpDes_box .box:nth-of-type(1):after{right:-75px;bottom:-75px;background:#bfdbfe}
.analysis_ui .gpDes_box .box:nth-of-type(1) h4{background:#bfdbfe}
.analysis_ui .gpDes_box .box:nth-of-type(2){border:1px solid #d5e096}
.analysis_ui .gpDes_box .box:nth-of-type(2):after{left:-75px;bottom:-75px;background:#d5e096}
.analysis_ui .gpDes_box .box:nth-of-type(2) h4{background:#d5e096}
.analysis_ui .gpDes_box .box:nth-of-type(3){padding-top:60px;border:1px solid #fcc987}
.analysis_ui .gpDes_box .box:nth-of-type(3):after{right:-75px;top:-75px;background:#fcc987}
.analysis_ui .gpDes_box .box:nth-of-type(3) h4{background:#fcc987}
.analysis_ui .gpDes_box .box:nth-of-type(4){padding-top:60px;border:1px solid #fecdd6}
.analysis_ui .gpDes_box .box:nth-of-type(4):after{left:-75px;top:-75px;background:#fecdd6}
.analysis_ui .gpDes_box .box:nth-of-type(4) h4{background:#fecdd6}
.analysis_ui .gpDes_box .box#quadrantA h4 p:nth-child(1){color:#bfdbfe;}
.analysis_ui .gpDes_box .box#quadrantB h4 p:nth-child(1){color:#d5e096;}
.analysis_ui .gpDes_box .box#quadrantC h4 p:nth-child(1){color:#fcc987;}
.analysis_ui .gpDes_box .box#quadrantD h4 p:nth-child(1){color:#fecdd6;}

.lvCard_ui{margin-top:18px}
.lvCard_ui .dhad{position:relative;margin:0 -20px;display:grid;grid-template-columns:198px 48px 48px 48px 1fr;padding-right:10px;}
.lvCard_ui .drow{display:grid;grid-template-columns:192px 48px 48px 48px 1fr;}
.lvCard_ui .dt,.lvCard_ui .dd{display:flex;align-items:center;justify-content:center;margin:-.5px;box-sizing:border-box;}
.lvCard_ui .dt{height:40px;color:#2e3238;border:var(--border-grid)}
.lvCard_ui .dt:first-child{justify-content:flex-start;padding-left:20px;border-left:0;}
.lvCard_ui .dt:last-child{border-left:0;}
.lvCard_ui .dbody{overflow-y:scroll;height:calc(100vh - 320px);margin:0 -20px 0 -14px;padding-right:2px;}
.lvCard_ui .dd{cursor:pointer;height:60px;font-size:16px;font-weight:700}
.lvCard_ui .dd:nth-child(1){position:relative;display:block;padding:12px 0 0 12px;font-size:14px;}
.lvCard_ui .dd:nth-child(1) i{position:absolute;top:12px;left:12px;}
.lvCard_ui .dd:nth-child(1) span{font-size:12px;font-weight:400}
.lvCard_ui .dt:nth-child(2),.lvCard_ui .dd:nth-child(2){background:#bfdbfe}
.lvCard_ui .dt:nth-child(3),.lvCard_ui .dd:nth-child(3){background:#d5e096}
.lvCard_ui .dt:nth-child(4),.lvCard_ui .dd:nth-child(4){background:#fcc987}
.lvCard_ui .dt:nth-child(5),.lvCard_ui .dd:nth-child(5){background:#fecdd6}
.lvCard_ui .dt:nth-child(6) span{display:block;width:48px;line-height:40px;margin-left:-5px;text-align:center}
.lvCard_ui .dt:nth-child(6) span,.lvCard_ui .dd:nth-child(6){background:#ebebf0}
.lvCard_ui .drow{position:relative;overflow:hidden;margin-top:4px;border-radius:6px;border:var(--border-grid);transition:all 0.2s ease-in-out;}
.lvCard_ui .drow:hover{border-color:#96a8c2}
.lvCard_ui .drow:hover .ddg{display:block;position:absolute;top:0;right:0;width:240px;height:60px;line-height:60px;padding-right:30px;text-align:right;background:#fff;box-sizing:border-box;}
.lvCard_ui .drow.current{border-color:#96a8c2}
.lvCard_ui .ddg{display:none}
.lvCard_ui .ddg button~button{margin-left:4px}

.graphTbl_g{display:grid;grid-template-columns:503px 1fr;gap:0 30px;}
.graphTbl_g + .tit_h2{margin-top:40px}
.gp_tblBox{margin-top:-31px;padding:12px;border:var(--border-grid);}

.insaCard_ui{margin-top:18px}
.insaCard_ui .dhad{position:relative;margin:0 -20px;}
.insaCard_ui .drow{display:grid;grid-template-columns:170px 80px 80px 1fr;}
.insaCard_ui .dt,.insaCard_ui .dd{display:flex;align-items:center;justify-content:center;margin:-.5px;box-sizing:border-box;}
.insaCard_ui .dt{justify-content:flex-end;height:40px;padding-right:12px;color:#2e3238;border:var(--border-grid)}
.insaCard_ui .dt i{display:inline-block;width:12px;height:12px;vertical-align:middle;margin:0 5px 0 10px;}
.insaCard_ui .dbody{overflow-y:scroll;height:calc(100vh - 320px);margin:0 -20px 0 -14px;padding-right:2px;}
.insaCard_ui .dd{cursor:pointer;height:60px;letter-spacing:-.5px;font-size:14px;font-weight:700;text-align:center}
.insaCard_ui .dd:nth-child(1){position:relative;display:block;padding:22px 0 0 38px;font-size:14px;}
.insaCard_ui .dd img{position:absolute;top:18px;left:12px;}
.insaCard_ui .dd:nth-child(2),.insaCard_ui .dt i.ic1{background:#ebe6fe}
.insaCard_ui .dd:nth-child(3),.insaCard_ui .dt i.ic2{background:#fde2f1}
.insaCard_ui .dd:nth-child(4),.insaCard_ui .dt i.ic3{background:#fee7cc}
.insaCard_ui .drow{position:relative;overflow:hidden;margin-top:4px;border-radius:6px;border:var(--border-grid);transition:all 0.2s ease-in-out;}
.insaCard_ui .drow:hover{border-color:#8097B7;}
.insaCard_ui .drow.current{border-color:#45C5B0;}

.insight_g{display:grid;grid-template-columns:1fr 300px;gap:0 14px}
.insight_g .col:nth-child(2),.insight_g .box{padding:18px;border:var(--border-grid);border-radius:6px;}
.insight_g .box~.box{margin-top:12px}
.insight_g .box{}
.insight_g .graph_box{position:relative;}
.insight_g .tbl_col + .tit2_h3{margin-top:58px}
.insight_g .infor{margin-bottom:56px;text-align:center;color:#404449}
.insight_g .infor .date{font-size:16px;font-weight:700}
.insight_g .infor .lv{margin:36px 0 14px 0;font-size:48px;font-weight:700}
.insight_g .ic_part{display:inline-block;width:12px;height:12px;vertical-align:middle;font-size:0;}
.rating_box{display:flex;position:relative;width:495px;height:140px;margin:12px 0 0 auto}
.rating_box > div{position:relative;width:100%;height:140px;}
.rating_box > div:after{content:"";position:absolute;left:26px;width:100px;height:1px;background:#379982}
.rating_box > div span:nth-child(1){cursor:pointer;z-index:1;position:absolute;left:0;right:0;margin:0 auto;width:27px;height:27px;line-height:27px;text-align:center;color:#404449;font-size:14px;font-weight:700px;border-radius:100%;border:1px solid #379982;background:#fff}
.rating_box > div span:nth-child(2){position:absolute;left:0;bottom:0;right:0;text-align:center;color:#808791;}
.rating_box > div.current span:nth-child(1){color:#fff;background:#379982;}
.rating_box > div.r1 span:nth-child(1){left:20px;right:auto}
.rating_box > div.r2 span:nth-child(1){top:30px}
.rating_box > div.r3 span:nth-child(1){top:60px}
.rating_box > div.r4 span:nth-child(1){top:0}
.rating_box > div.r5 span:nth-child(1){top:30px}
.rating_box > div.r6 span:nth-child(1){top:88px}
.rating_box > div.r1:after{transform:rotate(20deg);top:26px}
.rating_box > div.r2:after{transform:rotate(20deg);top:56px}
.rating_box > div.r3:after{transform:rotate(-35deg);top:52px}
.rating_box > div.r4:after{transform:rotate(20deg);top:26px}
.rating_box > div.r5:after{transform:rotate(35deg);top:64px}
.rating_box > div.r6:after{display:none;}

.board_box{position:relative;padding:20px 45px;min-height:calc(100vh - 150px);margin-bottom:-40px;background:var(--bg-grid);border:var(--border-grid);box-sizing:border-box;}
.board_box .had{position:relative;min-height:32px;margin-bottom:20px;text-align:right;}
.board_box .had h2{color:#001529;font-size:18px;font-weight:700}
.board_box .had .ic_imp{width:90px;height:30px;line-height:30px;margin-right:12px;font-size:14px;border-radius:30px;}
.board_box .had .box{position:absolute;top:0;left:0}
.board_box .had button~button,.board_box .had a~a{margin-left:2px;}
.board_box .tbl_had .colc .chk_box{margin-right:20px}
.board_box .tbl_had .colc .chk_box label{font-weight:700}
.board_box .tbl_had .colc .search_input{width:360px;}
.board_box .tbl_had .colc .SumoSelect{margin-left:2px;}

.trash_box{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;}
.trash_box .btng{padding:0 45px 20px;border-bottom:1px solid #e3e3e3}
.trash_box .btng button~button{margin-left:2px}
.trash_box .colg{display:grid;grid-template-columns:400px 1fr;}
.trash_box .cola{border-right:1px solid #e3e3e3}
.trash_box .cola .had{padding:20px 20px 14px;border-bottom:1px solid #e3e3e3}
.trash_box .cola .search .search_input{width:calc(100% - 95px);margin-left:2px;}
.trash_box .cola .totalBtn{position:relative;line-height:32px;margin-top:14px;}
.trash_box .cola .totalBtn .total{font-size:14px;}
.trash_box .cola .totalBtn .total strong{font-weight:700}
.trash_box .cola .totalBtn .btns{position:absolute;top:0;right:0}
.trash_box .cola .body{overflow-y:auto;height:calc(100vh - 360px);padding:6px;}
.trash_box .cola .item{position:relative;padding:9px 56px 3px;border:1px solid #f4f4f4;border-radius:6px;transition:all 0.3s ease-in-out;}
.trash_box .cola .item~.item{margin-top:4px;}
.trash_box .cola .item .chk_box{position:absolute;top:0;bottom:0;left:14px;margin:auto 0;height:18px;}
.trash_box .cola .item .btn_restore{position:absolute;top:0;bottom:0;right:14px;margin:auto 0;width:22px;height:22px;font-size:0;background:url(../images/ic_restoration.svg) no-repeat 50% 50%/contain;}
.trash_box .cola .item .infor{font-size:14px;font-weight:700;display:flex;align-items:center;margin-bottom:5px;}
.trash_box .cola .item .infor .date{margin-left:20px;font-size:11px;font-weight:400}
.trash_box .cola .item .infor .ic_recev,.trash_box .cola .item .infor .ic_send{position:relative;top:-2px;display:inline-block;width:14px;height:14px;vertical-align:middle; margin-right:4px;font-size:0}
.trash_box .cola .item .infor .ic_recev{background:url(../images/ic_arrowe_left.svg) no-repeat 50% 50%/contain;}
.trash_box .cola .item .infor .ic_send{background:url(../images/ic_arrowe_right.svg) no-repeat 50% 50%/contain;}
.trash_box .cola .item .memo{margin-top:0;}
.trash_box .cola .item:hover{border-color : #8097B7 !important; border-width : 1px !important; border-radius : 5,5,5,5px !important;}
.trash_box .cola .item a:hover{text-decoration:underline;text-underline-position:under;}
.trash_box .colb{overflow-y:auto;height:calc(100vh - 240px);}
.trash_box .colb .had{padding:34px;background:#f5f7fa}
.trash_box .colb .had{padding:34px;background:#f5f7fa}
.trash_box .colb .had dl > div{display:grid;grid-template-columns:70px 1fr;}
.trash_box .colb .had dl > div~div{margin-top:14px}
.trash_box .colb .had dl .tit{display:flex;gap:0 6px}
.trash_box .colb .had dl .tit span{position:relative;top:-4px;width:calc(100% - 51px);line-height:28px;font-size:16px;font-weight:700;color:#001529;}
.trash_box .colb .body{line-height:26px;padding:40px 40px 40px 40px;font-size:14px}
.trash_box .colb .body img{max-width:100%}

.clientMng_box{padding:20px 40px}
.clientMng_box .tab{margin-bottom:20px}
.clientMng_box .tab ul:not(.SumoSelect ul){display:inline-block;margin-right:6px;}
.clientMng_box .tab li:not(.SumoSelect li){display:inline-block;width:80px;height:32px;text-align:center}
.clientMng_box .tab li~li:not(.SumoSelect li){margin-left:6px}
.clientMng_box .tab li a{display:block;line-height:32px;border:1px solid #e3e3e3;border-radius:20px;background:#f9f9f9}
.clientMng_box .tab .current a{border-color:#30b28d;color:#30b28d;background:#cdfcea}
.clientMng_box .tab span.main{margin-left:10px;color:#138BFF;}
.clientMng_box .tab span.sub{margin-left:10px;color:#9E80FF;}
.clientMng_box .card_box{display:flex;flex-wrap:wrap;gap:15px;}
.clientMng_box .card{position:relative;width:290px;height:200px;padding:16px 10px;border-radius:6px;border:1px solid #e3e3e3;background:#fff;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.clientMng_box .card .tit{position:relative;min-height:36px;padding-left:50px;margin-bottom:20px;font-size:16px;font-weight:700;color:#1e263d}
.clientMng_box .card .tit i{position:absolute;top:0;left:0;}
.clientMng_box .card .tit span.status{color:#ff546a;font-size:14px;}
.clientMng_box .card .tit span.main{color:#138BFF;font-size:12px;}
.clientMng_box .card .tit span.sub{margin-left:5px;color:#9E80FF;font-size:12px;}
.clientMng_box .card .btng{opacity:0;position:absolute;top:16px;right:10px;transition:all 0.2s ease-in-out;}
.clientMng_box .card thead th{height:35px;font-size:14px;font-weight:700;border:1px solid #e3e3e3;}
.clientMng_box .card thead .st1{background:#d5ffe7}
.clientMng_box .card thead .st2{background:#eeeeff}
.clientMng_box .card thead .st3{background:#def0ff}
.clientMng_box .card thead .st4{background:#ffe1ca}
.clientMng_box .card thead .st5{background:#ffeec2}
.clientMng_box .card tbody th,.clientMng_box .card tbody td{height:35px;text-align:center;font-size:14px;font-weight:700;border:1px solid #e3e3e3;}
.clientMng_box .card tbody th{background:#f7f7f7}
.clientMng_box .card tbody th.main{color:#138BFF;}
.clientMng_box .card tbody th.sub{color:#9E80FF;}
.clientMng_box .card.chk,.clientMng_box .card:hover{border-color:#8097b7;}
.clientMng_box .card:hover .btng{opacity:1;}
.clientMng_box .card .bottom_info{border:1px solid #e8e8e8;border-radius:50px;height:30px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-weight:700;}

.sideFix_grid{overflow:hidden;display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 160px);background:var(--bg-grid);border:var(--border-grid)}
.sideFix_grid .sideFix{padding-bottom:40px;border-right:1px solid #e3e3e3}
.sideFix_grid .sideFix .box{height:69px;padding:18px 0;text-align:center;border-bottom:1px solid #e3e3e3;box-sizing:border-box;}
.sideFix_grid .sideFix .item{padding:4px}
.sideFix_grid .sideFix .item~.item{border-top:1px solid #e3e3e3}
.sideFix_grid .sideFix .item .tit{position:relative;line-height:36px;padding:0 0 5px 14px;font-size:18px;font-weight:700;color:#001529;}
.sideFix_grid .sideFix .item .tit a{position:relative;display:block;}
.sideFix_grid .sideFix .item .tit.type{padding:0;}
.sideFix_grid .sideFix .item .tit.type a{padding-left:40px;}
.sideFix_grid .sideFix .item .tit.type i:nth-of-type(1){position:absolute;top:0;left:0}
.sideFix_grid .sideFix .item .tit .chk_box label:before{top:12px;}
.sideFix_grid .sideFix .btn_more{position:absolute;top:0;bottom:0;right:12px;margin:auto 0;}
.sideFix_grid .sideFix .ic_trigger{position:absolute;top:0;bottom:0;right:12px;width:16px;height:16px;margin:auto 0;font-size:0;background:url(../images/ic_minus.png) no-repeat 50% 50%;}
.sideFix_grid .sideFix .close .ic_trigger{background:url(../images/ic_plus.png) no-repeat 50% 50%;}
.sideFix_grid .sideFix .item.close ul{display:none}
.sideFix_grid .sideFix .item .tit .ic_pro{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:6px;background:url(../images/ic_product.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list{margin-top:4px;padding-bottom:12px;}
.sideFix_grid .sideFix .cus_list li~li{margin-top:2px}
.sideFix_grid .sideFix .cus_list a{display:block;line-height:36px;padding:0 10px;font-size:14px}
.sideFix_grid .sideFix .cus_list .current a{color:#339697;font-weight:700;border-radius:4px;background:#e2f0f0}
.sideFix_grid .sideFix .cus_list i{position:relative;top:-2px;display:inline-block;vertical-align:middle; width:20px;height:20px;margin-right:4px;}
.sideFix_grid .sideFix .cus_list .ic_cus1{background:url(../images/ic_submenu_ico08_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .ic_cus2{background:url(../images/ic_submenu_ico09_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .ic_cus3{background:url(../images/ic_submenu_ico10_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .ic_cus4{background:url(../images/ic_submenu_ico11_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .ic_cus5{background:url(../images/ic_submenu_ico12_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .ic_cus6{background:url(../images/ic_submenu_ico13_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .ic_cus7{background:url(../images/ic_submenu_ico14_b.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus1{background:url(../images/ic_submenu_ico08.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus2{background:url(../images/ic_submenu_ico09.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus3{background:url(../images/ic_submenu_ico10.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus4{background:url(../images/ic_submenu_ico11.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus5{background:url(../images/ic_submenu_ico12.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus6{background:url(../images/ic_submenu_ico13.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .cus_list .current .ic_cus7{background:url(../images/ic_submenu_ico14.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .sideFix .chk_list{margin-left:14px;padding-bottom:12px;}
.sideFix_grid .sideFix .chk_list li~li{margin-top:16px;}
.sideFix_grid .sideFix .chk_list label{font-size:14px}
.sideFix_grid .sideFix .pro_list{margin:0 -4px;font-size:13px;font-weight:700;border-top:1px solid #e3e3e3}
.sideFix_grid .sideFix .pro_list > li{border-bottom:1px solid #e3e3e3;line-height:20px;}
.sideFix_grid .sideFix .pro_list > li > a{position:relative;display:block;padding:6px 0 6px 40px;font-size:14px;font-weight:700}
.sideFix_grid .sideFix .pro_list > li > a span.status{color:#ff546a;font-size:13px;}
.sideFix_grid .sideFix .pro_list ul{position:relative;padding:6px 16px;color:#363737;border-top:1px solid #e3e3e3}
.sideFix_grid .sideFix .pro_list ul:before{content:"";position:absolute;top:3px;bottom:3px;left:0;width:4px;background:#d3d3d3;}
.sideFix_grid .sideFix .pro_list ul li span{position:relative;display:inline-block;padding-left:6px;margin-right:6px;font-weight:400;color:#697077;}
.sideFix_grid .sideFix .pro_list ul li span:before{content:"";position:absolute;top:6px;left:0;width:2px;height:2px;border-radius:100%;background:#697077}
.sideFix_grid .sideFix .pro_list ul li~li{margin-top:6px}
.sideFix_grid .sideFix .pro_list > li.close ul{display:none}
.sideFix_grid .sideFix .pro_list .ic_trigger{right:16px}
.sideFix_grid .colg{position:relative;display:grid;grid-template-columns:1fr 280px;}
.sideFix_grid .colg2{position:relative;display:grid;grid-template-columns:400px 1fr;}
.sideFix_grid .colg.fold{grid-template-columns:1fr;}
.sideFix_grid .triger{z-index:1;position:absolute;top:22px;right:12px;width:30px;height:30px;font-size:0;background:url(../images/ic_square_close.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .fold .triger{background:url(../images/ic_square_open.svg) no-repeat 50% 50%/contain;}
.sideFix_grid .fold .dec_box{display:none}
.sideFix_grid .dec_box{position:relative;border-left:1px solid #e3e3e3}
.sideFix_grid .dec_box .day{position:relative;line-height:68px;text-align:center;color:#404449;font-size:18px;font-weight:700;border-bottom:1px solid #e3e3e3}
.sideFix_grid .dec_box .txtg{padding:10px}
.sideFix_grid .dec_box .txt~.txt{margin-top:4px}
.sideFix_grid .dec_box .txt{position:relative;line-height:18px;padding:8px 16px;font-weight:700;border:1px solid #e3e3e3}
.sideFix_grid .dec_box .txt:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;}
.sideFix_grid .dec_box .txt.ty1{color:#5987da}
.sideFix_grid .dec_box .txt.ty1:before{background:#5987da}
.sideFix_grid .dec_box .txt.ty2{color:#4dbb9b}
.sideFix_grid .dec_box .txt.ty2:before{background:#4dbb9b}
.sideFix_grid .dec_box .txt.ty3{color:#abb2bd}
.sideFix_grid .dec_box .txt.ty3:before{background:#abb2bd}
.sideFix_grid .dec_box .txt.ty4{color:#e68ac0}
.sideFix_grid .dec_box .txt.ty4:before{background:#e68ac0}
.sideFix_grid #calendar{margin:0 -1px;}
.sideFix_grid .tab ul{display:flex;align-items:center;justify-content:center;}
.sideFix_grid .tab li{width:76px;margin:0 -.5px}
.sideFix_grid .tab a{display:block;line-height:28px;text-align:center;border:1px solid #d6e5e4;}
.sideFix_grid .tab .current a{color:#fff;background-image:linear-gradient(to right, #60ca86, #59c58c, #4dbc97, #44b69e, #40b3a2, #38ada9);}
.sideFix_grid .calendar{position:relative;padding:20px 30px;border-bottom:1px solid #e3e3e3}
.sideFix_grid .calendar .controller{position:relative;min-height:30px;line-height:30px;margin-bottom:4px;}
.sideFix_grid .calendar .day{text-align:center;font-size:16px;font-weight:700}
.sideFix_grid .calendar .btn_prev,.sideFix_grid .calendar .btn_next{position:absolute;top:0;bottom:0;margin:auto 0;width:30px;height:30px;font-size:0;}
.sideFix_grid .calendar .btn_prev{left:0;background:url(../images/ic_prev_button.png) no-repeat 50% 50% #fff ! important;}
.sideFix_grid .calendar .btn_next{right:0;background:url(../images/ic_next_button.png) no-repeat 50% 50% #fff ! important;}
.sideFix_grid .calendar table th{height:32px;font-weight:700;color:#000}
.sideFix_grid .calendar table td{height:22px;text-align:center;font-size:11px;color:#363737;border:1px solid #fff;background:#f2f9f8}
.sideFix_grid .calendar table .sun{color:#ff2a00}
.sideFix_grid .calendar table .disabled{opacity:.6}
.sideFix_grid .calendar table .today{color:#fff;background:#00ba65 ! important}
.sideFix_grid .calendar table .range{background:#d6e5e4}
.sideFix_grid .search_list{border-right:1px solid #e3e3e3}
.sideFix_grid .search_list .had{padding:20px 20px 4px;border-bottom:1px solid #e3e3e3}
.sideFix_grid .search_list .had .search_input{width:100%}
.sideFix_grid .search_list .had .box{position:relative;margin-top:10px;text-align:right}
.sideFix_grid .search_list .had .box .total{position:absolute;top:0;left:0;line-height:32px;font-size:14px;}
.sideFix_grid .search_list .had .box .total strong{font-weight:700}
.sideFix_grid .search_list .stg{padding:14px 20px;text-align:right;border-bottom:1px solid #e3e3e3}
.sideFix_grid .search_list .stg i{position:relative;top:-1px;display:inline-block;vertical-align:middle;margin:0 4px 0 6px;width:12px;height:12px}
.sideFix_grid .search_list .stg .st1{background:#6a9aea}
.sideFix_grid .search_list .stg .st2{background:#f9bf48}
.sideFix_grid .search_list .stg .st3{background:#E45B67}
.sideFix_grid .search_list .stg .st4{background:#F9D05B}
.sideFix_grid .search_list .stg .st5{background:#A3D46B}
.sideFix_grid .search_list .lists{padding:6px;max-height:calc(100vh - 345px);overflow-y:auto;}
.sideFix_grid .search_list .list~.list{margin-top:4px;}
.sideFix_grid .search_list .list{position:relative;padding:16px 16px 16px 30px;border:1px solid #e3e3e3;border-radius:6px;box-sizing:border-box;transition:all 0.2s ease-in-out;}
.sideFix_grid .search_list .list:before{opacity:0;content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #c0cbdb;border-radius:6px;transition:all 0.2s ease-in-out;}
.sideFix_grid .search_list .list .data{position:relative;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.sideFix_grid .search_list .list .data span{display:block;margin-bottom:4px;font-weight:700;font-size:14px;}
.sideFix_grid .search_list .list .data div:nth-child(2){text-align:right}
.sideFix_grid .search_list .list .data div:nth-child(2) span{font-weight:400;font-size:13px;}
.sideFix_grid .search_list .list .range{overflow:hidden;position:absolute;top:2px;left:2px;bottom:2px;width:15px;border-radius:6px 0 0 6px;background:#f0f0f0}
.sideFix_grid .search_list .list .range p{position:absolute;bottom:0;width:100%;}
.sideFix_grid .search_list .list .range.st1 p{background:#6a9aea}
.sideFix_grid .search_list .list .range.st2 p{background:#f9bf48}
.sideFix_grid .search_list .list .range.st3 p{background:#E45B67}
.sideFix_grid .search_list .list .range.st4 p{background:#F9D05B}
.sideFix_grid .search_list .list .range.st5 p{background:#A3D46B}
.sideFix_grid .search_list .list .range.st6 p{background:#42A5F5}
.sideFix_grid .search_list .list .range.st7 p{background:#FB923C}
.sideFix_grid .search_list .list .btng{display:none;position:absolute;top:0;bottom:0;right:20px;height:30px;margin:auto 0;background:#f6f9ff}
.sideFix_grid .search_list .list.current:before{opacity:1}
.sideFix_grid .search_list .list.current{border:1px solid #c0cbdb;border:1px solid #c0cbdb;background:#f6f9ff}
.sideFix_grid .search_list .list:hover:before{opacity:1}
.sideFix_grid .search_list .list:hover{border:1px solid #c0cbdb;border:1px solid #c0cbdb;background:#f6f9ff}
.sideFix_grid .search_list .list:hover .data div:nth-child(2){display:none}
.sideFix_grid .search_list .list:hover .btng{display:block;}
.sideFix_grid .search_infor{position:relative;padding:20px 44px}
.sideFix_grid .search_infor .tit_h2{display:inline-block;vertical-align:top;margin-right:6px}
.sideFix_grid .search_infor .tit_h2 .st1,.sideFix_grid .search_infor .tit_h2 .st2{display:inline-block; width:80px;height:36px;line-height:36px;text-align:center;color:#fff;font-size:18px;font-weight:700;border-radius:2px;}
.sideFix_grid .search_infor .tit_h2 .st1{background:#6a9aea}
.sideFix_grid .search_infor .tit_h2 .st2{background:#f9bf48}
.sideFix_grid .progress_status{padding:40px 0 30px 10px;border:1px solid #e3e3e3;border-radius:6px;box-sizing:border-box;min-width:1150px;}
.sideFix_grid .cons .tabs3{padding:26px 20px 1px;margin-bottom:0;border-bottom:2px solid #8faeb8}
.sideFix_grid .cons .tabs{padding:26px 20px 1px;margin-bottom:0;border-bottom:2px solid #8faeb8}
.sideFix_grid .halfCol{display:grid;grid-template-columns:1fr 1fr;min-height:100%}
.sideFix_grid .halfCol .cola{padding:20px;background:#f4f5f8}
.sideFix_grid .halfCol .colb{border-left:1px solid #c0cbdb;}
.sideFix_grid .halfCol .titg{position:relative;}
.sideFix_grid .halfCol .titg .btng{position:absolute;top:0;right:0}
.sideFix_grid .systemDg{position:relative;padding:20px;border:1px solid #c0cbdb;border-radius:6px;text-align:center;background:#fff}
.sideFix_grid .systemDg .nums{position:absolute;width:36px;height:36px;line-height:35px;text-align:center;color:#fff;font-size:18px;font-weight:700;border-radius:2px;background:#17006b}
.sideFix_grid .msg{margin-top:6px;color:#379982}
.sideFix_grid .system_regist{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:30px;}
.sideFix_grid .system_regist .card{padding:20px 20px 8px;border-radius:6px;border:1px solid #e3e3e3;background:#fff;transition:all 0.3s ease-in-out;}
.sideFix_grid .system_regist .card.current,.sideFix_grid .system_regist .card:hover{border-color:#879dbb}
.sideFix_grid .system_regist .card.current .tit .num,.sideFix_grid .system_regist .card:hover .tit .num{background:#6a9aea}
.sideFix_grid .system_regist .card .tit{position:relative;padding-left:44px;margin-bottom:8px;min-height:36px;font-size:14px;font-weight:700;color:#1e263d}
.sideFix_grid .system_regist .card .tit span{display:block;margin-top:2px;font-weight:400;color:#697077;font-size:12px;}
.sideFix_grid .system_regist .card .tit .num{position:absolute;top:0;left:0;width:36px;height:36px;line-height:36px;text-align:center;font-size:18px;color:#fff;font-weight:700;border-radius:2px;background:#8097b7;transition:all 0.2s ease-in-out;}
.sideFix_grid .system_regist .card li{padding:4px 12px;border-bottom:1px solid #e3e3e3;}
.sideFix_grid .system_regist .card .btng{margin-top:6px;text-align:right}
.sideFix_grid .system_regist .card.regist{padding:0;border:1px dashed #e3e3e3 ! important}
.sideFix_grid .system_regist .card.regist button{display:block;width:100%;height:100%;font-size:14px;font-weight:700;color:#8097b7}
.sideFix_grid .system_regist .card.regist button:before{content:"";display:block;width:34px;height:34px;margin:0 auto 8px;background:url(../images/ic_add.png) no-repeat 50% 50%;}
.sideFix_grid .halfCol .colb{padding:20px 44px;}
.sideFix_grid .halfCol .colb .had{position:relative;}
.sideFix_grid .halfCol .colb .had .tit_h2{display:inline-block;margin-right:6px;}
.sideFix_grid .halfCol .colb .had .tit_h2 .num{display:inline-block;width:36px;height:36px;line-height:36px;text-align:center;font-size:18px;color:#fff;font-weight:700;border-radius:2px;background:#6a9aea}
.sideFix_grid .halfCol .colb .had .btng{position:absolute;top:0;right:0}

/* FullCalendar */
.fc-toolbar{position:relative;display:block ! important;text-align:center}
.fc-toolbar .fc-left{position:absolute;width:280px;height:30px;left:0;right:0;top:0;bottom:0;margin:auto;}
.fc-toolbar .fc-button-group{position:static;}
/* .fc-today-button{opacity:1 ! important;position:absolute;top:21px;right:400px;width:76px;height:30px;line-height:28px ! important;margin:0 ! important;padding:0 ! important;border-radius:0 ! important;color:#30b28d ! important;font-weight:700 ! important;font-size:12px ! important;border:1px solid #30b28d ! important;background:#cdfcea ! important}
.fc-next-button{position:absolute ! important;top:15px;right:0;width:30px;height:30px;border:0 ! important;background:url(../images/ic_next_button.png) no-repeat 50% 50% #fff ! important;}
.fc-prev-button{position:absolute ! important;top:15px;left:0;width:30px;height:30px;border:0 ! important;background:url(../images/ic_prev_button.png) no-repeat 50% 50% #fff ! important;} */
.fc-today-button{opacity:1 ! important;width:76px;height:30px;line-height:28px ! important;margin:0 ! important;padding:0 ! important;border-radius:0 ! important;color:#30b28d ! important;font-weight:700 ! important;font-size:12px ! important;border:1px solid #30b28d ! important;background:#cdfcea ! important}
.fc-next-button{margin-right:10px;width:30px;height:30px;border:0 ! important;background:url(../images/ic_next_button.png) no-repeat 50% 50% #fff ! important;}
.fc-prev-button{width:30px;height:30px;border:0 ! important;background:url(../images/ic_prev_button.png) no-repeat 50% 50% #fff ! important;}
.fc-button .fc-icon{display:none ! important}
.fc-toolbar .fc-right{position:absolute;top:0;left:-256px}
.fc-toolbar .fc-right button,.fc-toolbar .fc-right button:focus{width:76px;color:#697077;font-size:14px;border:1px solid #d6e5e4 ! important;background:#fff ! important;}
.fc-toolbar .fc-right .fc-button-active{color:#fff;background-image:linear-gradient(to right, #60ca86, #59c58c, #4dbc97, #44b69e, #40b3a2, #38ada9) ! important;}
body .fc{font-size:14px ! important}
body .fc-axis{font-size:12px ! important}
.fc-unthemed td.fc-today{background:transparent ! important}
.fc-unthemed td.fc-today .fc-day-number{width:29px;height:29px;line-height:29px;text-align:center;color:#fff;font-weight:700;border-radius:100%;background:#000}
.fc-dayGrid-view .fc-day-top .fc-week-number{background:#fff ! important}
.fc-toolbar.fc-header-toolbar{margin-bottom:0 ! important;height:68px;line-height:68px;}
.fc-toolbar.fc-header-toolbar h2{font-size:18px;font-weight:700;color:#404449}
.fc th{height:30px;line-height:30px;font-weight:700;background:#f8f8f8}
/* .fc-day{height:150px ! important} */
.fc-event{padding:2px ! important;border-radius:0 ! important;font-size:12px ! important;}
.fc-week-number{opacity:0;position:relative;z-index:-1;}
.fc-scroller{ overflow: visible !important;height:auto !important;}
.fc-daygrid-body{height: auto !important;}
.fc-button:focus{outline:none ! important;outline: none ! important;box-shadow:none ! important;}
.fc-time-grid .fc-slats .fc-minor td{color:#2e3238 !important;border-top-style:dashed ! important;border-color:#f0f0f0 ! important}
.fc-dayGrid-view .fc-body .fc-row{min-height:150px ! important;} 


:root{ 
	--border-grid:1px solid #e3e3e3;
	--bg-grid:#fff;
}


/* 사업관리자 dashboard */
.bizDashboard_ui .gridGroup{display:grid;grid-template-columns:1fr 406px 406px;gap:15px;}
.bizDashboard_ui .gridGroup.col4{grid-template-columns:1fr 1fr 1fr 1fr;}
.bizDashboard_ui .gridGroup~.gridGroup{margin-top:15px}
.widget{width:100%}
.widget{background:var(--bg-grid);border:var(--border-grid)}
.widget.type{border:0;}
.widget .had{position:relative;height:52px;line-height:52px;padding-left:20px;border-bottom:1px solid #e3e3e3}
.widget .had h2{font-size:14px;font-weight:700;color:#404449}
.widget .had h2 span{font-size:12px;color:#808791}
.widget .had .btn_more{position:absolute;top:0;bottom:0;right:20px;margin:auto 0;}
.widget .body{position:relative;padding:16px;}
.widget .products .nums{display:flex;gap:0 8px;margin-bottom:6px;}
.widget .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}
.widget .products .nums li span{position:absolute;right:10px;}
.widget .products .nums li:nth-child(1){background:#ff755a}
.widget .products .nums li:nth-child(2){background:#808791}
.widget .products .lists li{display:flex;flex-wrap:wrap;height:30px;line-height:30px;font-size:14px;color:#808791}
.widget .products .lists span{padding:0 6px;box-sizing:border-box;}
.widget .products .lists span:nth-child(1){width:30%;}
.widget .products .lists span:nth-child(2){width:40%;}
.widget .products .lists span:nth-child(3){width:30%;}
.widget .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;}
.widget .products .lists i{display:inline-block;width:10px;height:10px;vertical-align:middle;margin-right:10px;border-radius:100%;font-size:0;}
.widget .products .lists a:hover{text-decoration:underline;text-underline-position:under;}
.widget .products .lists .st1{background:#ff755a}
.widget .products .lists .st2{background:#808791}
.widget .notice .lists li{height:32px;line-height:32px;font-size:14px;color:#808791;}
.widget .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;}
.widget .notice .lists a:hover{text-decoration:underline;text-underline-position:under;}
.widget .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;}
.widget .notice .lists .st1{color:#ff546a;border:1px solid #ff546a}
.widget .notice .lists .st2{color:#c9c9c9;border:1px solid #c9c9c9}

.mng .nums{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;}
.mng .nums li{display:flex;align-items:center;justify-content:center;width:100%;height:80px;text-align:center;font-size:14px;font-weight:700;border:1px solid transparent;border-radius:12px;box-sizing:border-box;}
.mng .nums strong{display:block;font-size:40px;}
.mng .nums li:nth-child(1){color:#6487e8;border-color:#6487e8;background:#f0f7ff}
.mng .nums li:nth-child(2){color:#68a4c9;border-color:#68a4c9;background:#f3fbfe}
.mng .nums li:nth-child(3){color:#f98812;border-color:#f98812;background:#fef4ea}
.mng .nums li:nth-child(4){color:#e0656a;border-color:#e0656a;background:#fff3f3}
.mng .nums li:nth-child(5){color:#636c77;border-color:#a9b0bb !important;background:#d4d7dd}
.mng .nums li:nth-child(6){color:#424852;border-color:#cad0d7 !important;background:#e4e7eb}

.compare{position:relative;width:100%;height:250px;display:flex;justify-content:center;align-items:center;gap:10px;box-sizing:border-box;}
.compare .subCon{width:45%;height:220px;}
.compare .subCon .tit{width:100%;text-align:center;height:30px;line-height:30px;border:1px solid #e0e0e0;border-radius:5px;border-bottom:0;font-weight:700;color:#808791;}
.compare .subCon .infoCon{display:flex;flex-direction:column;gap:5px;width:100%;height:calc(100% - 30px);border-radius:5px;box-sizing:border-box;}
.compare .subCon .info{width:100%;height:30%;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:19px;font-weight:700;}
.compare .subCon .info.type1{border:1px solid #6487Eb;color:#6487Eb;}
.compare .subCon .info.type2{border:1px solid #E0656A;color:#E0656A;}
.compare .subCon .info.type3{border:1px solid #616161;color:#616161;}
.compare .circle.type1{background:#6487Eb;color:#ffffff;font-size:17px;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);font-weight:700;}
.compare .circle.type2{background:#E0656A;color:#ffffff;font-size:17px;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;position:absolute;top:56%;left:50%;transform:translate(-50%, -50%);font-weight:700;}
.compare .circle.type3{background:#616161;color:#ffffff;font-size:17px;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;position:absolute;top:81%;left:50%;transform:translate(-50%, -50%);font-weight:700;}

/* 유지관리자 dashboard */
.mngDashboard_ui .gridGroup{display:grid;grid-template-columns:1210px 1fr;gap:15px;}
.mngDashboard_ui .gridGroup.col2{grid-template-columns:1fr 1fr;}
.mngDashboard_ui .gridGroup.col4{grid-template-columns:1fr 1fr 1fr 1fr;}
.mngDashboard_ui .gridGroup~.gridGroup{margin-top:15px}
.widget .schedule{display:grid;grid-template-columns:1fr 290px;}
.widget .schedule .map{position:relative;} 
.widget .schedule .controller{position:relative;padding:4px 0 4px 4px;border-bottom:1px solid #e3e3e3}
.widget .schedule .controller span{display:inline-block;line-height:30px;font-size:14px;font-weight:700}
.widget .schedule .btng{display:inline-block;margin-right:12px;height:30px;vertical-align:top;}
.widget .schedule .btng .btn_prev,.widget .schedule .btng .btn_next{width:30px;height:30px;font-size:0;}
.widget .schedule .btng .btn_prev{background:url(../images/ic_square_arrowe_left1.svg) no-repeat 50% 50%/contain;}
.widget .schedule .btng .btn_next{background:url(../images/ic_square_arrowe_right1.svg) no-repeat 50% 50%/contain;}
.widget .schedule .list{overflow-y:auto;height:566px;padding:0 15px 15px;box-sizing:border-box;}
.widget .schedule .list dt{margin-bottom:6px;font-size:14px;font-weight:700}
.widget .schedule .list dt i{display:inline-block;width:26px;height:26px;line-height:26px;margin-right:6px;text-align:center;border:2px solid transparent;border-radius:100%}
.widget .schedule .list dt i.chk{color:#fff}
.widget .schedule .ic_a{border-color:#20af83 ! important}
.widget .schedule .ic_a.chk{background:#20af83}
.widget .schedule .ic_b{border-color:#3ed0ff ! important}
.widget .schedule .ic_b.chk{background:#3ed0ff}
.widget .schedule .ic_c{border-color:#5f81ff ! important}
.widget .schedule .ic_c.chk{background:#5f81ff}
.widget .schedule .ic_d{border-color:#e14cff ! important}
.widget .schedule .ic_d.chk{background:#e14cff}
.widget .schedule .ic_e{border-color:#eea700 ! important}
.widget .schedule .ic_e.chk{background:#eea700}
.widget .schedule .list dd{margin-bottom:6px}
.widget .schedule .list dd li{position:relative;margin-bottom:-1px;min-height:22px;padding:5px 0 5px 28px;box-sizing:border-box;}
.widget .schedule .list dd i{position:absolute;top:0;left:0;display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border:1px solid #e3e3e3;}
.widget .schedule .list dd .chk{position:relative;}
.widget .schedule .list dd .chk i{border-color:#91edc1;background:#dcffee}
.widget .mainStatus{height:566px;}
.widget .mainStatus table{margin:-1px;/* border-top:3px solid #a7afba */}
.widget .mainStatus table th,.widget .mainStatus table td{height:35px;text-align:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;line-height:18px;}
.widget .mainStatus table th{font-weight:700;}
.widget .mainStatus table th:first-child{width:120px;}
.widget .mainStatus table th.cell{text-align:left;padding-left:12px;color:#d8d8d8;background:#4e5f75}
.widget .mainStatus table thead tr{display: table;width: 100%;table-layout: fixed;}
.widget .mainStatus table tbody tr{display: table;width: 100%;table-layout: fixed;}
.widget .mainStatus table tbody{display: block;overflow-y: auto;overflow-x: hidden;max-height: 496px;width: 100%;}
.widget .mainStatus table tbody th{text-align:left;padding:5px 0 5px 12px;color:#fff;background:#8097b7}
/* .widget .mainStatus table tbody tr:nth-child(1) th,.widget .mainStatus table tbody tr:nth-child(1) td{border-top:2px solid #a7afba} */
.widget .mainStatus table .st1{background:#d5ffe7}
.widget .mainStatus table .st2{background:#eeeeff}
.widget .mainStatus table .st3{background:#def0ff}
.widget .mainStatus table .st4{background:#ffe1ca}
.widget .mainStatus table .st5{background:#ffeec2}
.widget .weekly{display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.widget .weekly .tbl{padding:15px 0 15px 15px}
.widget .weekly .tbl thead th{line-height:26px;padding:4px;color:#8097b7;font-size:14px;background:#f4f6f9;}
.widget .weekly .tbl thead th:not(th:nth-child(1)){cursor:pointer;}
.widget .weekly .tbl thead th span{display:block;font-weight:700}
.widget .weekly .tbl thead th.current div{color:#fff;border-radius:4px;background:#8097b7}
.widget .weekly .tbl thead th:not(th:nth-child(1)):hover{color:#fff;border-radius:4px;background:#8097b7}
.widget .weekly .tbl tbody th, .widget .weekly .tbl td{height:38px;text-align:center;border-bottom:1px solid #e3e3e3;}
.widget .weekly .tbl tbody th{font-weight:700}
.widget .weekly .tbl tbody th.ty1{border-left:2px solid #5dcead}
.widget .weekly .tbl tbody th.ty2{border-left:2px solid #6a9aea}
.widget .weekly .tbl tbody th.ty3{border-left:2px solid #ffc200}
.widget .weekly .tbl tbody th.ty4{border-left:2px solid #b9baba}
.widget .weekly .tbl tbody td.current{background:#dcffee}
.widget .weekly .list{overflow-y:auto;height:238px;padding:15px;box-sizing:border-box;position:relative;}
.widget .weekly .list .item{display:grid;grid-template-columns:36px 1fr 100px;gap:6px;align-items:center;padding:7px 12px;border:1px solid #e3e3e3;border-radius:6px}
.widget .weekly .list .item~.item{margin-top:4px}
.widget .weekly .list i{display:inline-block;width:36px;height:36px;vertical-align:middle;border-radius:100%;font-size:0}
.widget .weekly .list i.ic_it1{background:url(../images/ic_inspect.svg) no-repeat 50% 50%;}
.widget .weekly .list i.ic_it2{background:url(../images/ic_work.svg) no-repeat 50% 50%;}
.widget .weekly .list i.ic_it3{background:url(../images/ic_error.svg) no-repeat 50% 50%;}
.widget .weekly .list i.ic_it4{background:url(../images/ic_vacation.svg) no-repeat 50% 50%;}
.widget .weekly .list .tit{font-size:14px;font-weight:700}
.widget .weekly .list .sub{margin-top:4px;line-height:17px;}
.widget .dailyTask{overflow-y:auto;height:205px;margin:20px 15px;box-sizing:border-box;}
.widget .dailyTask.type{height:auto !important;}
.widget .dailyTask table{border-collapse: separate;border-spacing: 0;}
.widget .dailyTask table thead th{height:30px;color:#fff;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;background:#8097b7;}
.widget .dailyTask table thead tr:first-child th{border-top:1px solid #e3e3e3;}
.widget .dailyTask table thead th span{font-size:13px;font-weight:700}
.widget .dailyTask table thead .cell{color:#8097b7;font-size:14px;font-weight:700;background:#fff}
.widget .dailyTask table thead .cell2{color:#8097b7;background:#f4f5f8}
.widget .dailyTask table tbody th,.widget .dailyTask table tbody td{height:34px;text-align:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.widget .dailyTask table tbody th{text-align:left;padding-left:15px;font-size:14px}
.widget .dailyTask .ic_good,.widget .dailyTask .ic_bad,.widget .dailyTask .ic_normal{display:inline-block;width:24px;height:24px;vertical-align:middle;font-size:0}
.widget .dailyTask .ic_good{background:url(../images/ic_good.svg) no-repeat 50% 50%;}
.widget .dailyTask .ic_bad{background:url(../images/ic_bad.svg) no-repeat 50% 50%;}
.widget .dailyTask .ic_normal{background:url(../images/ic_normal.svg) no-repeat 50% 50%;}
.widget .dailyTask .sticky-head-one {position: sticky;top: 0px;}
.widget .dailyTask .sticky-head-two { position: sticky;top: 30px;}
.widget .errorTop{padding:15px}
.widget .barGraph_ui .tit{position:relative;margin-bottom:6px;color:#2e3238}
.widget .barGraph_ui .tit span{position:absolute;top:0;right:0;}
.widget .barGraph_ui .graph{position:relative;height:15px;margin-bottom:8px;background:#eaeaea}
.widget .barGraph_ui .bar{position:relative;height:100%;background:#92b6ea}
.widget .barGraph_ui.type .bar{background:#5dcead}
.widget .workDiary{padding:15px}
.widget .workDiary .tit{margin-bottom:6px;color:#2e3238}
.widget .workDiary .data{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e3e3e3;border-bottom:0;border-left:0;}
.widget .workDiary .data li{position:relative;line-height:30px;padding-left:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;}
.widget .workDiary .data li span{position:absolute;top:0;right:12px;font-size:14px;font-weight:700;color:#404449}
/* popup */
.popup_container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
/* .popup_container{position:fixed;top:0;left:0;width:100%;height:100%;} */
.popup_container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .2)}
.popup_container .popup{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));border:1px solid #e2e2e2;background:#fff;}
.popup_container .had{position:relative;margin:18px 18px 0;line-height:50px;border-bottom:2px solid #339697}
.popup_container h1{color:#339697;font-size:20px;font-weight:700}
.popup_container .close{position:absolute;top:0;right:0;width:24px;height:24px;font-size:0;}
.popup_container .close:before,.popup_container .close:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:20px;height:1px;background:#7a8086;transform:rotate(45deg);}
.popup_container .close:before{transform:rotate(-45deg);}
.popup_container .body{padding:18px;}
.popup_container .btn_box{padding:12px;text-align:center;background:#f4f5f8}
.popup_container .btn_box button~button{margin-left:2px}
.popup_container .btn_box.type{background:#fff}
.popup_container .inputg{position:relative;margin-top:8px;padding-right:85px;}
.popup_container .inputg input{width:100%;}
.popup_container .inputg .btnM6{position:absolute;top:0;right:0;min-width:80px;}

.proAdd_ui{display:grid;grid-template-columns:300px 420px 25px 520px;gap:0 10px}
.proAdd_ui .top{position:relative;height:50px;}
.proAdd_ui .top .txt{line-height:50px;font-size:14px;font-weight:700;}
.proAdd_ui .top .txt strong{margin-right:6px;color:#2e3238}
.proAdd_ui .top .tit{position:absolute;top:0;right:0;line-height:50px;color:#363737;font-size:14px;font-weight:700;}
.proAdd_ui .top .btng{position:absolute;top:0;right:0;line-height:50px;}
.proAdd_ui .txtbtn{position:relative;line-height:40px;padding-left:16px;font-size:14px;border:1px solid #eaeaea;border-bottom:0}
.proAdd_ui .txtbtn strong{font-weight:700}
.proAdd_ui .txtbtn .btng{position:absolute;top:0;right:14px}
.proAdd_ui .list{overflow-y:auto;height:400px;border:1px solid #eaeaea;}
.proAdd_ui .list li{border-bottom:1px solid #eaeaea;}
.proAdd_ui .list a{position:relative;display:block;padding:12px 20px 12px 34px}
.proAdd_ui .list a:before{content:"";position:absolute;top:10px;left:12px;width:24px;height:18px;background:url(../images/ic_arrow_up.svg) no-repeat 50% 50%/contain;}
.proAdd_ui .list ul ul{display:none;margin-bottom:-1px;border-top:1px solid #eaeaea;}
.proAdd_ui .list ul ul a{padding-left:44px;}
.proAdd_ui .list ul ul a:before{left:34px;top:18px;width:4px;height:4px;border-radius:100%;background:#2e3238}
.proAdd_ui .list ul ul a:hover{background-image:linear-gradient(to bottom, #fefeff, #fafcff);}
.proAdd_ui .list .open ul{display:block;}
.proAdd_ui .list .open > a:before{transform:rotate(90deg);}
.proAdd_ui .list .current a{border:1px solid #889ebc;border-radius:6px;background-image:linear-gradient(to bottom, #fefeff, #fafcff);}
.proAdd_ui .tbl{border:1px solid #eaeaea;}
.proAdd_ui .tbl table{table-layout:fixed}
.proAdd_ui .tbl table th{height:24px;padding:8px;background:#f4f5f8}
.proAdd_ui .tbl table th .chk_box{left:-3px}
.proAdd_ui .tbl table th~th{border-left:1px solid #eaeaea;}
.proAdd_ui .tbl table table thead{display:none}
.proAdd_ui .tbl table td{height:24px;padding:8px;text-align:center;word-break:break-all;line-height:20px;}
.proAdd_ui .tbl .scroll{padding:0}
.proAdd_ui .tbl .scroll div{overflow-y:scroll;overflow-x:hidden;height:401px}
.proAdd_ui .btn_move{display:flex;align-items:center;}
.proAdd_ui .btn_move button{width:25px;height:40px;font-size:0;position:relative;background:#b6b6b6;border-radius:5px;}
.proAdd_ui .btn_move button:before{content:">";position:absolute;transform:translate(-50%, -50%);font-size:15px;font-weight:bold;color:#ffffff;}
.proAdd_ui .btn_move button:hover{opacity:0.7;}

.proCateMng_ui{overflow-y:auto;width:560px;height:530px;padding-right:12px;margin-right:-12px;}
.proCateMng_ui .btng{margin-bottom:24px;text-align:right}
.proCateMng_ui .cate_list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.proCateMng_ui .cate_list button{width:100%;height:32px;text-align:center;font-weight:700;color:#363737;border:1px solid #e5e5e5;border-radius:20px;}
.proCateMng_ui .cate_list button.chk{color:#fff;background:#00ba65}
.proCateMng_ui .cateEdit_list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.proCateMng_ui .cateEdit_list div{position:relative;display:block;width:100%;height:32px;line-height:30px;padding-left:12px;font-weight:700;color:#363737;border:1px solid #e5e5e5;border-radius:20px;box-sizing:border-box;}
.proCateMng_ui .cateEdit_list .btns{position:absolute;top:0;right:10px;text-align:right}
.proCateMng_ui .cateEdit_list .btns button~button{margin-left:10px;}
.proCateMng_ui .box{margin-top:14px;padding-top:14px;border-top:1px solid #e5e5e5;}
.proCateMng_ui .btn_see{width:20px;height:16px;font-size:0;background:url(../images/ic_see.svg) no-repeat 50% 50%/contain;}
.proCateMng_ui .btn_nosee{width:20px;height:18px;font-size:0;background:url(../images/ic_nosee.svg) no-repeat 50% 50%/contain;}
.proCateMng_ui .btn_del{width:18px;height:18px;font-size:0;background:url(../images/ic_delete_g.svg) no-repeat 50% 50%/contain;}

.proVisitSearch_ui{overflow-y:auto;width:560px;height:530px;padding-right:12px;margin-right:-12px;}
.proVisitSearch_ui .total{padding:16px 0 6px 12px;margin-bottom:9px;font-size:14px;border-bottom:1px solid #e0e0e0}
.proVisitSearch_ui .total strong{font-weight:700}
.proVisitSearch_ui .total .em{color:#00ba65;}
.proVisitSearch_ui .list .item{padding-bottom:9px;}
.proVisitSearch_ui .list .item .col{display:flex;justify-content:space-between;}
.proVisitSearch_ui .list .item .col:nth-child(1){margin-bottom:6px;color:#2e3238;font-weight:700}
.proVisitSearch_ui .list .item .col:nth-child(1) .btnS3{margin-left:10px;width:60px}
.proVisitSearch_ui .list .item .tit{display:inline-block;width:60px;line-height:20px;margin-right:6px;text-align:center;border:1px solid #e0e0e0;border-radius:4px;}
.proVisitSearch_ui.type{width:400px;height:240px}

.layerPop_container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.layerPop_container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .2)}
.layerPop_container .popup{position:absolute;top:0;right:-700px;min-width:550px;height:100vh;border:1px solid #e2e2e2;border-right:0;background:#fff;transition:0.3s;}
/* .layerPop_container{position:fixed;top:0;left:0;width:100%;height:100%;}
.layerPop_container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .2)}
.layerPop_container .popup{position:absolute;top:0;right:0;min-width:400px;height:100vh;border:1px solid #e2e2e2;border-right:0;background:#fff;} */
.layerPop_container .had{position:relative;margin:0 18px 0;line-height:50px;border-bottom:2px solid #339697}
.layerPop_container h1{color:#339697;font-size:20px;font-weight:700}
.layerPop_container .close{position:absolute;top:12px;right:0;width:24px;height:24px;font-size:0;}
.layerPop_container .close:before,.layerPop_container .close:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:20px;height:1px;background:#7a8086;transform:rotate(45deg);}
.layerPop_container .close:before{transform:rotate(-45deg);}
.layerPop_container .body{overflow-y:auto;margin:18px 2px 18px 18px;padding:0 16px;height:calc(100vh - 149px);box-sizing:border-box;}
.layerPop_container .body.type{min-width:620px;padding-left:0}
.layerPop_container .btn_box{padding:12px 20px;background:#f4f5f8}
.layerPop_container .btn_box button~button{margin-left:2px}
.layerPop_container h2{padding:20px 0 12px;color:#4c4c4c;font-size:16px;font-weight:700}
.layerPop_container .del{position:relative;width:20px;height:20px;font-size:0;}
.layerPop_container .del:before,.layerPop_container .del:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:12px;height:1px;background:#c4c4c4;transform:rotate(45deg);}
.layerPop_container .del:before{transform:rotate(-45deg);}
.layerPop_container .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;}
.layerPop_container .forms{display:table;width:100%;}
.layerPop_container .forms > div{display:table-row;}
.layerPop_container .forms dt{display:table-cell;vertical-align:middle;width:110px;height:32px;}
.layerPop_container .forms.size dt{width:85px;}
.layerPop_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}
.layerPop_container .forms dt.vt{vertical-align:top;padding-top:9px;}
.layerPop_container .forms dd{display:table-cell;vertical-align:middle;height:32px;padding:4px 0;}
.layerPop_container .forms .data{line-height:32px;padding:0 10px;border-bottom:1px solid #e2e2e2;}
.layerPop_container .forms .size1{width:194px;}
.layerPop_container .forms .size2{width:250px;}
.layerPop_container .forms .size3{width:167px;}
.layerPop_container .forms .size4{width:90px;}
.layerPop_container .forms textarea{width:100%;height:60px;}
.layerPop_container .forms .input{width:100%;border-left:0 ! important;border-right:0 ! important;border-top:0 ! important;border-radius:0}
.layerPop_container .forms .input.size1{width:194px}
.layerPop_container .forms .time{width:92px;padding-left:34px;background:url(../images/ic_time.png) no-repeat 0 50%;}
.layerPop_container .forms .datepic{width:150px;}
.layerPop_container .forms .dateInput .input{width:calc(100% - 160px);margin-left:6px;}
.layerPop_container .forms .chkg li~li{margin-top:4px;}
.layerPop_container .forms .dateTime_g > div{margin-bottom:10px}
.layerPop_container .forms .em{margin-left:4px;font-size:11px;color:#379982}
.layerPop_container .forms .txt{margin-top:6px;color:#2e3238}
.layerPop_container .forms .txtInput > div{margin-bottom:10px}
.layerPop_container .forms .txtInput .tit{display:inline-block;width:70px;color:#2e3238}
.layerPop_container .forms .txtInput .input{width:calc(100% - 108px)}
.layerPop_container .forms .btnM6{min-width:80px}
.layerPop_container .forms .txt_addr{width:330px;margin-top:12px;line-height:22px;color:#2e3238}
.layerPop_container .forms .dataBtn{position:relative;padding-right:34px;}
.layerPop_container .forms .dataBtn button{position:absolute;top:4px;right:0;}
.layerPop_container .forms .dataBtn .SumoSelect + .input{width:calc(100% - 83px)}
.layerPop_container .forms .item~.item{margin-top:4px}
.layerPop_container .infor_box{width:430px;padding:12px;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;}
.layerPop_container .infor_box .btng{text-align:right}
.layerPop_container .infor_box dl + .btng{margin-top:16px}
.layerPop_container .infor_box .btng button~button{margin-left:4px}
.layerPop_container .infor_box .btng .btnM3,.layerPop_container .infor_box .btng .btnM6{min-width:80px;}
.layerPop_container .btns_block{margin-top:10px;text-align:right}
.layerPop_container .tabForm_box{display:grid;grid-template-columns:134px 1fr;gap:0 30px}
.layerPop_container .tabForm_box .tab{padding-top:12px;}
.layerPop_container .tab li~li{margin-top:4px;}
.layerPop_container .tab a{position:relative;display:block;line-height:36px;padding-left:10px;font-size:14px;color:#4c4c4c;border-radius:4px;background:#f4f5f8;box-sizing:border-box;}
.layerPop_container .tab a:after{content:"";position:absolute;width:13px;height:13px;top:0;bottom:0;right:10px;margin:auto 0;background:url(../images/ic_arrow3.png) no-repeat 0 50%;}
.layerPop_container .tab .current a{font-weight:700;color:#fff;background:#8097b7}
.layerPop_container .tab .current a:after{background:url(../images/ic_arrow4.png) no-repeat 0 50%;}
.layerPop_container .codeview{display:block;margin-bottom:30px;}
.layerPop_container .codeview dt{margin-bottom:12px}
.layerPop_container .codeview .code{display:flex;align-items:center;justify-content:center;height:56px;margin-bottom:12px;font-size:24px;font-weight:700;border:2px solid #00b78b;border-radius:6px;width:100%}
.layerPop_container .codeview .btng span{position:relative;display:inline-block;height:24px;line-height:22px;padding:0 22px 0 12px;min-width:100px;border:1px solid #c4c4c4;border-radius:20px;box-sizing:border-box;}
.layerPop_container .codeview .btng .del{position:absolute;right:6px;top:0;bottom:0;margin:auto;}
.layerPop_container .codeview .btng .btn{height:100%;width:100%;text-align:left}
.layerPop_container .alarm_ui{min-width:520px;height:calc(100vh - 100px);}
.layerPop_container .alarm_ui.alarm_noti_grid{min-width:520px;height:calc(100vh - 170px) !important;}
.layerPop_container .alarm_ui .state_txt{margin-bottom: 15px;font-size: 14px;font-weight: 700;display: flex;align-items: center; gap: 5px;}
.layerPop_container .alarm_ui .state_txt span{font-size:16px;}
.layerPop_container .alarm_ui .state_txt button.on{color:#00b78b}
.layerPop_container .alarm_ui .rowG{padding:14px;border-radius:4px;border:1px solid #f1f1f1}
.layerPop_container .alarm_ui .rowG~.rowG{margin-top:4px}
.layerPop_container .alarm_ui .rowA{position:relative;color:#00b78b;}
.layerPop_container .alarm_ui .rowA span{position:absolute;top:0;right:0;}
.layerPop_container .alarm_ui .rowB{margin-top:19px;}
.layerPop_container .alarm_ui .rowB .tit{margin-bottom:4px;font-size:14px;font-weight:700}
.layerPop_container .alarm_ui .rowC{margin-top:29px;text-align:right}
.layerPop_container .alarm_ui .rowB .tit i{display:inline-block;vertical-align:middle;width:60px;height:20px;line-height:20px;margin-right:6px;font-size:12px;color:#fff;font-weight:700;text-align:center;border-radius:20px;}
.layerPop_container .alarm_ui .state1{background:#ff8100}
.layerPop_container .alarm_ui .state2{background:#ff005a}
.layerPop_container .alarm_ui .state3{background:#73b1f4}
.layerPop_container .alarm_ui .state4{background:#004fc4}
.layerPop_container .msg{margin-top:6px;font-size:12px;color:#379982}
.layerPop_container .msgR{margin-top:6px;font-size:12px;color:#d54d4d}

/* 승인요청 */
.requestPg_ui{width:650px;margin:0 auto;border:1px solid #bebebe;background:#fff;box-sizing:border-box;}
.requestPg_ui .had{padding-top:40px;margin:0 75px 48px;padding-bottom:20px;border-bottom:1px solid #282828}
.requestPg_ui .had h1{margin-bottom:30px;text-align:center}
.requestPg_ui .had h2{font-weight:600;font-size:30px;color:#364f96}
.requestPg_ui .body{margin:0 75px 50px;}
.requestPg_ui h3{margin-top:30px;padding-bottom:12px;color:#364f96;font-size:16px;font-weight:700}
.requestPg_ui table table td{padding:2px;border:0}
.requestPg_ui .dataTime > div~div{margin-top:10px}
.requestPg_ui .dataTime label{font-size:14px;color:#2e3238}
.requestPg_ui .dataTime .radio_box + span{margin-left:30px;font-size:14px;color:#2e3238}
.requestPg_ui .datepic{width:150px;margin-left:5px;}
.requestPg_ui .time{width:150px;padding-right:40px;background:url(../images/ic_time2.png) no-repeat right 50%;}
.requestPg_ui textarea{width:100%;height:60px;}
.requestPg_ui .btng{margin-top:30px;text-align:center;}
.requestPg_ui .btng a{display:inline-block;width:250px;height:50px;line-height:50px;color:#fff;font-size:20px;text-align:center;background:#009aaf}
.requestPg_ui .foot{padding:20px;line-height:21px;text-align:center;font-size:13px;background:#f4f5f8}