html{}
.SiteWrap{position: relative; /*background:#e6edf2 url(../img/content/contents_bg.jpg) center top repeat;*/ display:block;}

.SiteWrap:before,
.SiteWrap:after{ display: block; font-size:0; clear: both; content: "."; visibility: hidden; height: 0;}
.FooterSection{}
.BodySection{ /*height: 100%;*/ /*position: absolute; width:100%;*/ background:transparent;}

.app-content{padding:27px 27px 70px;}
.app-content.content-outer{padding:20px 27px 70px; margin-top:45px;}

/* 버튼*/
/*btn*/
.DefaultBtnSave{min-width: 70px; height: 32px; background: var(--default-point); box-sizing: border-box; font-size: 13px; padding:0 10px; color:#fff; border-radius: 8px; font-weight: 500;  cursor: pointer; border:1px solid transparent; }
.DefaultBtnFinish{min-width: 70px; height: 32px; background: #094d4d; box-sizing: border-box; font-size: 13px; padding:0 10px; color:#fff; border-radius: 8px; font-weight: 500;  cursor: pointer; border:1px solid transparent;}
/*.SearchArea .DefaultBtnSave{background:#1e51b0;}*/
.DefaultBtn{min-width: 70px; height: 32px; border:1px solid var(--default-point); box-sizing: border-box; font-size: 13px; padding:0 10px; color:var(--default-point); border-radius: 8px; font-weight: 500;  cursor: pointer; background:#fff;}
.ModalWrap .DefaultBtn{}
.WriteTh .DefaultBtn{height:25px; font-size:12px;}
.TabMenuList .DefaultBtnFinish{position:absolute; right:0; top:0; height:32px; border-radius:0;}
/*.DefaultBtn img*/
.DefaultBtnSave img,
.DefaultBtnFinish img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
/*.DefaultBtnFinish img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}*/
.ModalContent .DefaultBtnFinish{ }
.DefaultBtnB{min-width: 65px; height: 32px; border:1px solid var(--default-point); box-sizing: border-box; font-size: 13px; padding:0 10px; background: #fff; color:var(--default-point); border-radius: 10px; font-weight: 500; cursor: pointer;}
.SearchAreaMin .DefaultBtnB{height:28px; border-radius:0; vertical-align:top;}
.DefaultBtnSearch{min-width: 34px; height: 34px; border:1px solid var(--default-point); box-sizing: border-box; background: #fff; color:#1e51b0; font-weight: 500; cursor: pointer; border-radius:10px;}
table .DefaultBtnSearch{ height:30px; width:30px; min-width:30px;}
.DefaultBtnSearch img{vertical-align:middle;}
.WriteTh .DefaultBtnB{min-width: 58px; padding: 4px 8px; height: 24px; font-size: 11px;}
.DefaultTable .DefaultBtnB,
.DefaultTableB .DefaultBtnB,
.DefaultTableC .DefaultBtnB,
.WriteDefaultB .WriteTh .DefaultBtnB{min-width: 58px; padding: 0px 10px; display:inline-block; text-align:center; line-height:0;}
.DefaultBtnBB{min-width: 65px; height: 32px; box-sizing: border-box; font-size: 13px; padding:0 10px; color:var(--default-point); border-radius: 10px; font-weight: 500; cursor: pointer; background-color:aliceblue; border-color:aliceblue;}
.WriteDefaultB .WriteTh .AttOuter .DefaultBtnB{line-height:inherit; min-width:50px;}
.DefaultBtnC {min-width: 6px; height: 30px; border:1px solid var(--default-point); box-sizing: border-box; font-size: 13px; padding:0 10px; background: #fff; color:var(--default-point); border-radius: 8px; font-weight: 500; vertical-align: middle;}
.DefaultTable .DefaultBtnC {height:32px;}
.DefaultBtnC ul { padding: 0; margin: 0; display: flex; align-items: center; height: 100%;}
.DefaultBtnC ul li { list-style: none; padding-right: 15px; cursor: default; position: relative;}
.DefaultBtnC ul li:first-child::before { position: absolute; right: 7px; top: 9px; width: 1px; height: 11px; content: ''; background: #b5c7c0;}
.DefaultBtnC ul li.FunctionBtn { cursor: pointer; margin-right:10px; padding-right:0;}
.DefaultBtnC ul li:last-child { margin-right: 0; padding-right:0;}
.DefaultBtnC ul li img{display:inline-block; vertical-align:middle;}
.DefaultBtnD{min-width: 26px; height: 26px; line-height:0; border:1px solid var(--default-point); box-sizing: border-box; font-size: 13px; padding:0px; background: #fff; color:var(--default-point); border-radius: 8px; font-weight: 500; vertical-align: middle; cursor: pointer;}
.DefaultBtnD#btnDtRefrigerantCRVisible,
.DefaultBtnD#btnDtRefrigerantPFVisible,
.DefaultBtnD#btnDtGasCRVisible,
.DefaultBtnD#btnDtGasPFVisible,
.DefaultBtnD#btnDtGasVisible,
.DefaultBtnD#btnDtPowerAirPFVisible,
.DefaultBtnD#btnDtPowerAirVisible,
.DefaultBtnD#btnDtWaterCRVisible,
.DefaultBtnD#btnDtWaterPFVisible,
.DefaultBtnD#btnDtWaterVisible,
.DefaultBtnD#btnDtFuelCRVisible,
.DefaultBtnD#btnDtFuelPFVisible,
.DefaultBtnD#btnDtFuelVisible,
.DefaultBtnD#btnDtSubMaterialVisible,
.DefaultBtnD#btnDtSteamPFVisible,
.DefaultBtnD#btnDtSteamVisible,
.DefaultBtnD#btnDtElectricPFVisible,
.DefaultBtnD#btnDtElectricVisible,
.DefaultBtnE{padding:0 8px; line-height:26px; min-width: 26px; height: 26px; line-height:0; border:1px solid var(--default-point); box-sizing: border-box; font-size: 13px; background: #fff; color:var(--default-point); border-radius: 8px; font-weight: 500; vertical-align: middle; cursor: pointer;}
.DefaultBtnD img,
.DefaultBtnE img{ -webkit-filter: brightness(0) invert(1); filter: invert(0%) sepia(94%) saturate(950%) hue-rotate(196deg) brightness(103%) contrast(98%);}
.MonthBtn{min-width: 24px; height: 24px; line-height:0; border:1px solid #1e51b0; box-sizing: border-box; font-size: 13px; padding:0px 5px; background: #fff; color:#1e51b0; border-radius: 8px; font-weight: 500; vertical-align: middle; cursor: pointer; }
.MonthBtnTxt{transform:translateY(-1px); display:inline-block;}
.MonthBtnImg{transition:all ease 0.3s;}
.DefaultBtnMin{height:28px; line-height:27px; box-sizing:border-box; border-radius:10px; padding:0 8px; color:#fff; font-size:13px; vertical-align:middle; font-weight:500; border:1px solid var(--default-point); color:var(--default-point); background:#ebf6ff;}
#btnLinkBEnthalpy span{line-height:29px;}
.DefaultBtn img,
.DefaultBtn span,
.DefaultBtnFinish img,
.DefaultBtnFinish span,
.DefaultBtnSave img,
.DefaultBtnSave span,
.DefaultBtnB img,
.DefaultBtnB span,
.DefaultBtnC img,
.DefaultBtnC span,
.DefaultBtn img
.DefaultBtn span {line-height: 30px; display: inline-block; vertical-align: middle;}
.WriteTh .DefaultBtn img,
.WriteTh .DefaultBtn span{line-height:24px;}
.DefaultBtn img,
.DefaultBtnFinish img,
.DefaultBtnSave img,
.DefaultBtnB img,
.DefaultBtnC img,
.DefaultBtn img {display:none;}
.DefaultBtnB:disabled,
.DefaultTable .DefaultBtnB:disabled,
.DefaultTableB .DefaultBtnB:disabled,
.DefaultTableC .DefaultBtnB:disabled,
.WriteDefaultB .WriteTh .DefaultBtnB:disabled{background-color:#f3f3f3; border:1px solid #ccc; color:#999;}
/*.DefaultBtnB span{line-height:1;}*/
.WriteOuterB .WriteDefaultB .DefaultBtnB span {line-height: 23px;}
.WriteOuterB .WriteDefaultB .AttOuter .DefaultBtnB span {line-height: 23px;}
.AttachedTxt{font-weight:400; color:#1e51b0; cursor:pointer; transition: all 0.3s ease; margin-right:5px;}
.AttachedTxt:hover{text-decoration:underline; transition: all 0.3s ease; }
.SearchArea .DefaultBtnB img {line-height: 31px;}
.SearchArea .DefaultBtnB span {line-height: 31px;}
.DefaultTable .DefaultBtnB span,
.DefaultTableB .DefaultBtnB span,
.DefaultTableC .DefaultBtnB span{line-height:23px;}
.BtnMDSD,
.BtnAttachStatus{display:inline-block; min-width:55px;}
.BtnMDSD.Attatched,
.BtnAttachStatus.Attatched{min-width:44px;}
.BtnMDSD img,
.BtnAttachStatus img{display:inline-block; vertical-align:middle;}
.BtnMDSD span,
.BtnAttachStatus span{color:#979d9b; font-size:12px; font-weight:500; display:inline-block; vertical-align:middle;}
.BtnMDSD.Attatched img,
.BtnAttachStatus.Attatched img{filter: invert(0%) sepia(94%) saturate(700%) hue-rotate(186deg) brightness(55%) contrast(113%);}
.BtnMDSD.Attatched span,
.BtnAttachStatus.Attatched span{color:#1e51b0;}
.BtnMDSD.AttatchNecessity img,
.BtnAttachStatus.AttatchNecessity img{filter: invert(0%) sepia(94%) saturate(700%) hue-rotate(147deg) brightness(110%) contrast(87%) drop-shadow(0 0 4px rgba(104, 222, 255, 0)); filter: var(--wn-filter); transition: all .3s ease; animation: blinkImg 3s infinite ease-in-out;  will-change: filter;}
@keyframes blinkImg {
    0%, 100% {
        filter: invert(0%) sepia(94%) saturate(700%) hue-rotate(147deg) brightness(110%) contrast(87%) drop-shadow(0 0 5px rgba(104, 222, 255, 0));
    }

    50% {
        filter: invert(0%) sepia(94%) saturate(700%) hue-rotate(154deg) brightness(101%) contrast(87%) drop-shadow(0 0 5px rgba(104, 222, 255, 1));
    }
}
.BtnMDSD.AttatchNecessity span,
.BtnAttachStatus.AttatchNecessity span{color:#00d1dd; transition:all ease .3s;animation: blinkTxt 3s infinite ease-in-out;}
@keyframes blinkTxt {
    0%, 100% {
        text-shadow: 0 0 6px rgba(157, 240, 255, 0); 
    }

    50% {
        text-shadow: 0 0 6px rgba(157, 240, 255, 1); 
    }
}

.DisabledBtn,
button.DisabledBtn,
.DisabledBtn:hover,
button.DisabledBtn:hover,
.DisabledBtn:focus,
button.DisabledBtn:focus {
    color: #989f9d;
    background: #e6ebed;
    box-shadow: none;
    border: 1px solid #d2d6d5;
}
.DisabledBtn img,
button.DisabledBtn img,
.DisabledBtn:hover img,
button.DisabledBtn:hover img,
.DisabledBtn:focus img,
button.DisabledBtn:focus:hover img{filter:grayscale(90%); -webkit-filter:grayscale(90%); opacity:0.85;}
.WhiteBtn{color:#fff; border:1px solid rgba(255,255,255,0.7);}
.LBlueBtn{color:#3e74e3; background:#e5f6fd;}

/*저장버튼그룹*/
.BtnSaveGroup{position:fixed; left:0; bottom:0; width:100%; background:#fff; border-top:1px solid #DEE2E6; height:55px; text-align:right; padding:0 27px 0 0; z-index:9; display:flex; gap:7px; justify-content:flex-end; align-items:center;}
.BtnSaveGroup button{min-width:100px; height:36px; font-size:14px; }
.BtnSaveGroup .DefaultBtnSave{background:#0b46ed;}
.BtnSaveGroup .DefaultBtnSave:hover{background:#1c4bd1;}
.BtnSaveGroup button span { position: relative; display: inline-block; /* inline-block이면 버튼 흐름 유지 */ overflow: hidden; padding: 0; line-height: 1; color: transparent;}
.BtnSaveGroup button span::before,
.BtnSaveGroup button span::after {content: attr(data-hover); position: absolute; left: 0; right: 0; display: block; white-space: nowrap; transition: transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55); -webkit-font-smoothing: antialiased; pointer-events: none; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-weight:400; top:0;}
.BtnSaveGroup button.DefaultBtn span::before,
.BtnSaveGroup button.DefaultBtn span::after {color:var(--default-point);}
.BtnSaveGroup button span::before { transform: translateY(0); }
.BtnSaveGroup button span::after { transform: translateY(100%); }
.BtnSaveGroup button:hover span::before {transform: translateY(-100%);}
.BtnSaveGroup button:hover span::after {transform: translateY(0);}
/*검색조건*/
.SearchArea{padding:7px 0 7px 25px; background: #f4fdfd; position: relative; /*border:1px solid #949e9f;*/}
.SearchAreaMax{padding:7px 0 7px 0;}
.SearchAreaMin{padding:7px 0 7px 10px; background:#f4fdfd; border:none;}
.SearchArea .SearchOuter{flex-wrap: wrap; width:75%;}
.SearchAreaMax .SearchOuter{width:85%;}
.SearchArea .SearchOuter li{padding:6px 0;}
.SearchAreaMobile .SearchOuter li{padding:3px 0;}
.SearchAreaMax .SearchOuter li{padding:3px 0; flex:0 1 50%;}
.SearchArea .SearchOuter li .Lilnner {margin-right: 30px;}
.ModalWrap .SearchArea .SearchOuter li .Lilnner {margin-right: 15px;}
.SearchAreaMax .SearchOuter li .Lilnner {margin-right: 0px;}
.SearchArea .SearchOuter li .Lilnner .SearchTh{width: 20%; font-size: 14px; color:#1d1f29; font-weight: 500; text-align: left;}
.SearchArea .SearchOuter li .Lilnner .DefaultCheck .CheckTxt,
.SearchArea .SearchOuter li .Lilnner .DefaultRadio {font-size: 14px; color:#1d1f29; font-weight: 500;}
.SearchArea .SearchOuter li .Lilnner .SearchTd{width: 80%; font-size: 14px;}
.SearchArea .SearchOuter li .Lilnner .SearchThW{width: 25%;}
.SearchArea .SearchOuter li .Lilnner .SearchTdM{width: 75%;}
.SearchArea .SearchOuter li .Lilnner .SearchThWW{width: 45%; text-align: left; padding-left:20px;}
.SearchArea .SearchOuter li .Lilnner .SearchTdMM{width: 55%;}
.SearchArea .SearchOuter li .Lilnner .SearchThMin{width: 13%;}
.SearchArea .SearchOuter li .Lilnner .SearchTdMin{width: 87%;}
.SearchArea .BtnGroup{position: absolute; right:15px; bottom: 12px;}

.SearchArea input,
.SearchArea select{border:1px solid #d7eaeb;}
.SearchAreaMax input,
.SearchAreaMax select{border:1px solid #d7eaeb; width:100%;}

.SearchTd .ProgressbarOuter{width: 100%; border: 1px solid #bbc7d1; position: relative; background: #fff;}
.SearchTd .ProgressbarOuter .Progressbar{width: 10%; height: 28px; background-color: #4c56af; color: #fff; text-align: center; line-height: 28px;}
.InputDate{position: relative; }
.InputDate:after{position: absolute; right: 11px; top: 50%; content: ''; transform:translateY(-50%); color:#3a5fe8; z-index: 1; background: url(../img/content/calendar_ico.png) right center no-repeat; width:14px; height: 16px;}
.InputDate input{padding-right: 35px;}
.InputSearch{border:1px solid #bbc7d1; background: #fff;}
.InputSearch input{width:calc(100% - 41px); border:none;}
.InputSearch .InputSearchBtn{padding:4px 8px 2px 5px;}
.SearchArea .InputTwin{width:48%;}
.WriteDefault .InputTwin{width: 200px;}
.DateTilde{font-weight: 700; line-height: 25px; transform: translateX(-15%);}

.SearchOuter .DefaultRadio,
.SearchOuter .DefaultCheck{margin-top: 3px;}

/* 입력페이지 타입A */
.WriteOuter{background: #fff; padding:20px; box-shadow: 3px 3px 10px rgba(81,119,119,0.25);}
.WriteOuterC{ padding:10px 20px; box-shadow: none; border:1px solid #ced4e0;}
.WriteOuterC.BgLBlue{border:1px solid #ddeaeb;}
.WriteDefault{ width: 100%; display: flex; border-top: 2px solid #279590; flex-wrap: wrap;}
.WriteDefault>li{border-bottom: 1px solid #b4b6cd;}
.WriteDefault .WriteTh{flex: 0 0 15%; background:#ecf7f7;  font-size: 16px; font-weight: 600; min-height: 43px;}
.WriteDefault .WriteTh .WriteThInner{padding:10px 20px 0;}
.WriteDefault .WriteTd{flex: 0 0 35%; font-size: 14px;}
.WriteDefault .WriteTd .WriteTdInner {margin: 7px 10px; max-width: calc(100% - 22px); display: flex; align-items:center; min-height: 38px; }
.WriteDefault .WriteTd .WriteTdInner input[type=text],
.WriteDefault .WriteTd .WriteTdInner input[type=email],
.WriteDefault .WriteTd .WriteTdInner input[type=password],
.WriteDefault .WriteTd .WriteTdInner input[type=number]{width: 100%; max-width: calc(100% - 12px); height: 36px;}
.WriteDefault .WriteTd .WriteTdInner input.W20p{width:20%;}
.WriteDefault .WriteTd .WriteTdInner input.W30p{width:23%;}
.WriteDefault .WriteTd .WriteTdInner input.W50p{width:50%;}
.WriteDefault .WriteTd .WriteTdInner input.W70p{width:70%;}
.WriteDefault .WriteTd .WriteTdInner select{height: 38px; background: #fff url(../img/content/select_ico.png) no-repeat right 10px top 15px; width:100%;}
.WriteDefault .WriteTd .WriteTdInner select.W10p{width:10%;}
.WriteDefault .WriteTd .WriteTdInner select.W20p{width:20%;}
.WriteDefault .WriteTd .WriteTdInner select.W30p{width:30%;}
.WriteDefault .WriteTd .WriteTdInner span{vertical-align:middle;}
.WriteDefault .WriteTd .ImgOuter{border:1px solid #d6d8ec; min-height: 150px; position: relative; overflow: hidden; width: 100%; box-sizing: border-box; position: relative;}
.WriteDefault .WriteTd .ImgOuter > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto;  object-fit: cover;  margin: auto;}
.WriteDefault .WriteTd .ImgOuter .ImgCloseBtn{position: absolute; right: 8px; top:8px; left: auto; transform: translate(0px, 0px); border-radius: 5px; background: rgba(218,223,227, 0.3); padding: 8px 9px;}

/* 입력페이지 타입B */
.WriteOuterB{background: #fff; padding:13px 23px 18px 23px; border: 1px solid #2b58d9; box-sizing:border-box; background:rgba(255,255,255,0.15); box-shadow:4px 4px 4px rgba(22,33,73,0.05);}
/*.WriteOuterC{background: #fff; padding:13px 23px 18px 23px; border: 1px solid #2b58d9; box-sizing:border-box; background:rgba(255,255,255,0.15);}*/
.WriteDefaultB{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.WriteDefaultB li{flex:0 0 49.3%;}
.WriteDefaultC li{flex:0 0 100%;}
.WriteDefaultB li.W100p{flex:0 0 100%; border: 1px solid #d1d4df; margin-top: 3px; background:#fcfdfd;}
.WriteDefaultB li.W100{flex:0 0 100%;}
li.LiW100p{flex:0 0 100%;}
.WriteDefaultB li.W100p ul {padding: 5px 20px 10px; display:flex; flex-wrap: wrap; justify-content:space-between;}
.WriteDefaultB li.W100p ul li{flex:0 0 49.3%;}
.WriteDefaultB .WriteTh{flex: 0 0 30%; font-size: 15px; font-weight: 500; min-height: 20px;}
.WriteDefaultB .WriteTh .WriteThInner{padding:4px 0 0; display:flex; align-items:flex-end; justify-content:space-between;}
.WriteDefaultB .WriteTd{flex: 0 0 70%; font-size: 14px;}
.WriteDefaultB .WriteTd .WriteTdInner {margin: 5px 0; max-width: calc(100%); display: flex; align-items:center; min-height: 34px;}
.WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner {margin: 5px 0; max-width: calc(100%); display: flex; align-items:center; min-height: 32px;}
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg{min-height:34px;}
.WriteDefaultB .WriteTd .WriteTdInner input[type=text],
.WriteDefaultB .WriteTd .WriteTdInner input[type=email],
.WriteDefaultB .WriteTd .WriteTdInner input[type=password],
.WriteDefaultB .WriteTd .WriteTdInner input[type=number]{width: 100%; height: 32px; background: #fff;}
.WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=text],
.WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=email],
.WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=password],
.WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=number]{height: 30px; }
.WriteDefaultB .WriteTd .WriteTdInner input{width:20%;}
.WriteDefaultB .WriteTd .WriteTdInner input{width:23%;}
.WriteDefaultB .WriteTd .WriteTdInner input{width:50%; height:26px;}
.WriteDefaultB .WriteTd .WriteTdInner input{width:70%;}
.WriteDefaultB .WriteTd .WriteTdInner select{height: 34px; background: #fdfdfd url(../img/content/select_ico.png) no-repeat right 10px top 13px; width:100%;}
.WriteDefaultB .WriteTd .WriteTdInner textarea{ background: #fdfdfd;}
.WriteDefaultB .WriteTd .WriteTdInner span{vertical-align:middle;}
.WriteDefaultB .WriteTd .ImgOuter{min-height: 150px; position: relative; overflow: hidden; width: 100%; box-sizing: border-box; position: relative; background: #fff; border: 1px solid #bbc7d1;}
.WriteDefaultB .WriteTd .systemLineImgOuter{}
.WriteDefaultB .WriteTd .ImgOuter > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: auto;  object-fit: cover;  margin: auto;}
.WriteDefaultB .WriteTd .ImgOuter .ImgCloseBtn{position: absolute; right: 8px; top:8px; left: auto; transform: translate(0px, 0px); background:rgba(227,231,236,0.3); padding:7px 8px; border-radius:5px;}
.WriteDefaultB .WriteTd .WriteRadio{position:absolute; left: 10px; top:6px; display:flex;}
.WriteDefaultB .WriteTd .WriteItem{display:flex;flex-direction:row; text-align:left; align-items:center; justify-content:flex-start; margin-left:210px;}
.WriteDefaultB .WriteTd .WriteItemB{ margin-left:5px;}
.WriteDefaultB .WriteTd .WriteItem input{ height:20px !important; margin:6px 0; border-radius:5px;}
.WriteDefaultB .WriteTd .WriteItem input:focus{outline:none; background:var(--lightblue-bg);}
.WriteTdBg{ /*background: #fff;*/ border: 1px solid #bbc7d1; padding-left: 10px; border-radius:10px;}
.WriteTdBg input[type=text],
.WriteTdBg input[type=email],
.WriteTdBg input[type=password],
.WriteTdBg input[type=number]{border:none;}
.systemLineImgBg{width: 100%; background: #fff; border: 1px solid #bbc7d1; box-sizing:border-box; min-height: 150px;}
.systemLineImgOuter{}
.systemLineImg{ display:flex; flex-wrap:wrap;justify-content:center; align-items:center; position: relative; min-height: 118px;}
.systemLineImg li{flex: 0 0 auto !important; border:1px solid #1e51b0; color:#1e51b0; /*box-shadow:4px 4px 4px rgba(35,147,109,0.2), -3px -3px 3px #fff, inset 2px 2px 2px rgba(46,170,128,0.2);*/ padding:0 10px; width:70px; height:55px; display:flex;align-items:center;justify-content:center; text-align:center; line-height:1.2; background:#f8fafd; border-radius:4px; margin:0 10px; padding:0 10px; position:relative; font-size:12px;}
.systemLineImg li.Activation{ border:1px solid #bcd7ce; background:#1e51b0; color:#fff; /*box-shadow:4px 4px 4px rgba(35,147,109,0.2), -3px -3px 3px #fff, inset 2px 2px 2px rgba(27,175,125,0.9);*/}
.systemLineImg li:before{position:absolute; right:-15px; top: 43%; width:7px; height:11px; content:''; background:url(../img/content/step_bull01.png); background-size:cover; border-radius:2px;}
.systemLineImg li:last-child:before{display:none;}
.systemLineImgInfo{height:30px; position:relative; text-align: right; padding-right:15px; transform:translateY(3px);}
.systemLineImgInfo:before{position:absolute; left: 10px; top:-3px; content:''; width:calc(100% - 20px); height:1px; background:#c5d4d7;}
.systemLineImgInfo span{position:relative;}
.systemLineImgInfo span:after{position:absolute; left: -20px; top: 3px; content:''; width:14px; height:11px; background:#1e51b0;}

#WorkSpaceInfoWrite .WriteDefaultB > li{padding:2px 0;}
#WorkSpaceInfoWrite .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg{min-height:34px;}
/*필수입력*/
.EssentialWrite{}
.EssentialWrite .WriteTh span:first-child{position:relative;}
.EssentialWrite .WriteTh span:first-child:before{position:absolute; right: -12px; top: 4px; content:''; background: url(../img/content/essential_bull.png); width:7px; height:7px;}
.EssentialWrite .WriteTh button span:first-child:before{display:none;}
.EssentialWrite input[type=text],
.EssentialWrite input[type=number],
.EssentialWrite input[type=date],
.EssentialWrite input[type=password],
.EssentialWrite textarea,
.EssentialWrite select,
.EssentialWrite .WriteTdBg{background-color:#f6feff !important;}

.EssentialMark{position:relative;}
.EssentialMark:before{position:absolute; right: -10px; top: 1px; content:''; background: url(../img/content/essential_bull.png); width:7px; height:7px;}

.DSelectNone{}
.DSelectNone .WriteDefaultB .WriteTd .WriteTdInner select{height:20px; background:#fdfdfd url(../img/content/select_ico.png) no-repeat right 8px top 6px; line-height:1; border-radius:5px; padding-left:8px;}
.DSelectNone select:disabled{display:none;}

.NotificationTxt{ background: var(--lightblue-bg);padding:7px 15px; display:flex; justify-content:space-between;}
.NotificationTxt{ background: var(--lightblue-bg); padding:7px 15px; display:flex; justify-content:space-between;}
.NotificationTxt p{ font-weight:400; color:#1d1f29; position:relative; padding-left:12px; font-size:15px;}
.NotificationTxt p:after{position:absolute; left:0; top: 2px; content:'-'; font-size:12px; font-weight:900;}

.NotificationTxtB{ /*background: #eaf6f7; padding: 15px;*/ }
.NotificationTxtB p{ font-weight:400; color:#1d1f29; position:relative; padding-left:15px; font-size:15px;}
.NotificationTxtB p:after{position:absolute; left:0; top: 2px; content:'-'; font-size:12px; font-weight:900;}
.NotificationTxtB p.Point:after{position:absolute; left:0; top: 2px; content:'※'; font-size:12px; font-weight:900;}

.NotificationTxtC{ background: #f4fdfd; padding:10px 15px;}
.NotificationTxtC p{ font-weight:400; color:#1d1f29; position:relative; padding-left:17px; font-size:14px; line-height:1.7;}
.NotificationTxtC p:after{position:absolute; left:0; top: 1px; content:'✔'; font-size:13px; font-weight:900; color:var(--default-point);}
/*첨부파일*/
.AttOuter{padding-left:0; position: relative;}
.AttOuter .AttCloseBtn{background: #fff; height: 10px; width: 9px; position: absolute; right: 6px; top: 6px; display: inline-block; display: none; border-radius:3px;}
.AttOuter input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.AttOuter img{display:none; vertical-align:middle;}
/*리스트 기본*/
.LiDefault{padding:20px; }
.LiDefault li{font-weight:500; color:#1d1f29; position:relative; padding-left:12px; font-size:15px; line-height:1.6;}
.LiDefault li:after{position:absolute; left:0; top: 2px; content:'-'; font-size:12px; font-weight:900;}
.LiDefaultB{padding:10px 15PX; }
.LiDefaultB li{font-weight:500; color:#1d1f29; position:relative; padding-left:12px; font-size:15px; line-height:1.6;}
.LiDefaultB li.LiTitle{ padding-left:0; font-size:16px; font-weight:700; color:#174f4f; }
.LiDefaultB li:after{position:absolute; left:0; top: 2px; content:'-'; font-size:12px; font-weight:900;}
.LiDefaultB li.LiCircle{font-weight:400; font-size:14px; padding-left:10px;}
.LiDefaultB li.LiCircle:after{position:absolute; left:0; top: 9px; content:''; font-size:12px; font-weight:900; width:2px; height:3px; background:#67857c; border-radius:2px;}
.LiDefaultB li.LiTitle:after{display:none;}
/*B*/
.AttOuterB{padding-left:0; position: relative; text-align:left; display:inline-block; }
.AttOuterC{vertical-align:middle; min-width:200px;}
table.DefaultTable .AttOuterB,
table.DefaultTableB .AttOuterB{min-width:250px; float:left;width:100%;}
.AttOuterB .AttListB{position: relative; width:88%;}
.AttOuterB .AttListC{position: relative; width:75%;}
.WriteDefaultB .WriteTd .WriteTdInner .AttOuterB .AttListB{position: relative; width:calc(100% - 130px);}
table.DefaultTable .AttOuterB .AttListB,
table.DefaultTableB .AttOuterB .AttListB{width:75%;}
.AttOuterB .AttListB .AttItemB{ background: #fff; }
/*.AttOuterB .AttListB .AttItemC{ background: transparent; }
.AttOuterB.AttOn .AttListB .AttItemC{ background: #fff; }*/
.ClickTr .AttOuterB .AttListB .AttItemB{ background: transparent; }
.AttOuterB .AttListB .AttItemB .FileNameB{width:83%; height:30px; min-width:100px; border:none;/* background: #fff;*/  margin-right:2px; color:#00072f;text-overflow: ellipsis;  font-size: 13px; overflow:hidden;}
.AttOuterB .AttListB .AttItemB .FileNameD{height:auto; min-width:100px; font-size:12px; width:88%; padding:0 0 0 5px; text-align:left;}

.UploadAtt{display:flex; border:1px solid #ced4e0; padding:4px; align-items:center; border-radius:4px;}
.ClickTr .AttOuterB .AttListB .AttItemB .FileNameB{ background: transparent;}
table.DefaultTable .AttOuterB .AttListB .AttItemB .FileNameB,
table.DefaultTableB .AttOuterB .AttListB .AttItemB .FileNameB{font-size:13px;  padding:0; height:26px;}
table.DefaultTable .AttOuterB .AttListB .AttItemB .FileNameB::placeholder,
table.DefaultTableB .AttOuterB .AttListB .AttItemB .FileNameB::placeholder{font-size:13px; color:#6c6e7b;}
.AttOuterB .AttListB .AttItemB .FileNameD::placeholder{font-size:12px; color:#6c6e7b;}
.AttOuterB .AttUploadBtnB{font-size: 13px; border: 1px solid #1e51b0; /*box-shadow: 1px 1px 2px rgb(0 55 119 / 15%);*/ background: #fff; color:#1e51b0; font-family: inherit; padding: 4px 8px 3px 8px; position: absolute; right:1px; top: 0px; font-weight:500; cursor:pointer; border-radius:6px;}
.AttOuterB .AttUploadBtnC{padding:0 8px 0 8px; height:30px; line-height:29px; border-radius:2px; box-sizing:border-box;}
.AttOuterB .AttUploadBtnD{padding:0 7px; height:22px; line-height:22px; border-radius:2px; box-sizing:border-box; top:0px; font-size:12px; font-weight:400; border:1px solid var(--default-point); border-radius:4px;}
table.DefaultTable .AttOuterB .AttUploadBtnB,
table.DefaultTableB .AttOuterB .AttUploadBtnB{font-size:10px; top:2px;  padding: 3px 6px;}
.WriteDefaultB .WriteTd .WriteTdInner .AttOuterB .AttUploadBtnB{font-size:10px; top:1px; right:6px; padding: 3px 6px 2px 6px; box-shadow:none;}
.WriteDefaultB .WriteTd .WriteTdInner .AttOuterB.AttOn .AttUploadBtnB{}
.AttOuterB .AttCloseBtnB{background: #fff; height: 10px; width: 9px; position: absolute; right: 5px; top: 8px; display: inline-block; display: none; border-radius:3px; box-shadow:0px 0px 2px rgba(81,119,119,0.65);}
.AttOuterB.W100p .AttCloseBtnB{right:10px;}
.AttOuterC .AttCloseBtnB{top:6px;}
.AttOuterB input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.AttOuterB.AttOn .AttListB .AttItemB{padding:1px 0px 0px 6px; position: relative; margin-bottom: 3px; text-align: left; background: #f0f2f3; height:21px; border-radius:3px;}
table.DefaultTable .AttOuterB.AttOn .AttListB .AttItemB,
table.DefaultTableB .AttOuterB.AttOn .AttListB .AttItemB{height:26px;}
.AttOuterB.AttOn .AttListB .AttItemC{padding:1px 0px 8px 6px; background: #fff; }
.WriteDefaultB .WriteTd .WriteTdInner .AttOuterB.AttOn .AttListB .AttItemB{padding:0; }
.AttOuterB.AttOn .AttListB .AttItemB:last-child{margin-bottom: 0;}
.AttOuterB.AttOn .AttListB .AttItemB .FileNameB{background: transparent;padding:0 5px;}
.AttOuterB.AttOn .AttListB .AttItemB .FileNameD{background: transparent;padding:0 0px; white-space: nowrap; overflow: hidden; /*min-width:auto; width:calc(100% - 10px);*/}
.WriteDefaultB .AttOuterB.AttOn .AttListB .AttItemB{ border-radius:7px;}
.WriteDefaultB .WriteTd .WriteTdInner .AttOuterB input[type=text].FileNameB{ height:auto; padding: 2px 5px;}
.WriteDefaultB .WriteTd .WriteTdInner .AttOuterB .AttCloseBtnB{box-shadow:1px 1px 3px rgba(81,119,119,0.35); right:9px; top:5px;}
.AttOuterB.AttOn .AttCloseBtnB{display: block;}
.UploadAtt .DefaultBtnMin{font-size: 12px; padding: 0 7px; height:22px; border-radius:4px; line-height:22px; font-weight:400; }
/*비율직접입력 - 설명부분*/
.ratioArea input[type="text"]{text-align: left;}
.ratioArea .outer {display: flex; justify-content: flex-end; align-items: center;}
.AttOuterB {display: flex; flex-direction: column; gap: 6px;}
.ratioArea .outer .div{display:inline-block;}
.ratioArea .AttOuterB .AttListB{width:75%; position:absolute; right:0;}
.ratioArea .AttOuterB .AttListB .AttItemB{height:29px; margin-left: 3px;}
.ratioArea .AttOuterB .AttListB .AttItemB .FileNameB{padding:0; height: 30px; line-height: 30px;}
.ratioArea .AttOuterB .AttListB .AttItemB .FileNameB::placeholder{ color:#6c6e7b;}
.ratioArea .AttOuterB .AttUploadBtnB{font-size: 13px; padding: 0px 6px; right:auto; left:0; box-sizing:border-box; display:inline-block; height:29px; line-height:29px;}
.ratioArea .ratioAreaFileWrap{min-width:240px; height:29px;}

/*체크박스*/
.DefaultCheck input[type="checkbox"]{display: none;}
.DefaultCheck input[type="checkbox"] + .CheckIcon {display: inline-block; width:15px; height: 15px; background: rgba(255,255,255,0.07) url(../img/content/check_ico_off.png) no-repeat center top; cursor: pointer; }
.DefaultCheck input[type="checkbox"]:checked + .CheckIcon {background: url(../img/content/check_ico_on.png) no-repeat center top;}
.DefaultCheck .CheckTxt{color:#616476;}
.DefaultCheck input[type="checkbox"]:disabled + .CheckIcon{background: #e7e9ef; border-radius: 2px; border:1px solid #cdd5d7;}
.DefaultCheck input[type="checkbox"]:checked:disabled + .CheckIcon{background: url(../img/content/check_ico_ban_checked.png) no-repeat center top; border:1px solid transparent;}
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .DefaultCheck input[type="checkbox"] + .CheckIcon {display: inline-block; width: 13px; height: 13px; background: rgba(255, 255, 255, 0.07) url(../img/content/check_ico_off_min.png) no-repeat center top; cursor: pointer; }
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .DefaultCheck input[type="checkbox"]:checked + .CheckIcon { background: url(../img/content/check_ico_on_min.png) no-repeat center top; width:13px; height:13px;}
/*라디오박스*/
input[type='radio'],
input[type='radio']:checked { appearance: none; width: 15px; height: 15px; border-radius: 100%; margin: -2px 3px 0 0; position: relative;}
input[type='radio']:before,
input[type='radio']:checked:before{position: absolute; left: 4px; top: 4px; content: ''; width:7px; height: 7px; background: #fff; border-radius: 4px; box-shadow: -2px -2px 3px rgba(255,255,255,0.3), 2px 2px 2px rgba(45,49,108,0.1);} 
/*input[type='radio']:checked:before{box-shadow: -2px -2px 3px rgba(255,255,255,0.9), 2px 2px 2px rgba(45,49,108,0.1);} */
input[type='radio'] { background-color: #cdd1de; padding: 0; vertical-align: middle; cursor: pointer; box-shadow: /*inset -3px -2px 5px rgba(45,49,108,0.46), inset 3px 3px 3px #fff*/;}
input[type='radio']:checked { background: #10bcee; box-shadow: inset 2px 2px 2px rgba(255,255,255,0.1), inset -3px -2px 5px rgba(45,49,108,0.05);}
input[type='radio']:disabled{ background: #9ea2af !important; box-shadow: none; cursor:default;}
input[type='radio']:checked:disabled{ background: #686b77 !important; box-shadow: none; cursor:default;}
input[type='radio']:checked:disabled:before{box-shadow:none;}
input[type='radio']:disabled:before,
input[type='radio']:checked:disabled:before{background:#ecf1f3; cursor:default; box-shadow:none;}
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg input[type='radio'],
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg input[type='radio']:checked{width:14px; height:14px;}
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg input[type='radio']:before,
.WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg input[type='radio']:checked:before{ width:6px; height: 6px; }
.DefaultRadio {white-space:nowrap;}
/*.WriteDefault .DefaultRadio {padding-top: 5px; display: inline-block;}*/
/*페이지타이틀*/
.PageTit{position: relative; padding-left: 9px; font-size: 18px; font-weight: 500;}
.PageTit:before{position: absolute; left:0px; top:3px; content: ''; background: #0b46ed; width: 4px; height: 18px;}

/*페이지타이틀*/
.PageTitB{position: relative; padding-left: 12px; font-size: 16px; font-weight: 400;}
.PageTitB:before{position: absolute; left:0; top:9px; content: ''; background: #6b82ad; width: 6px; height: 3px;}

.PageTitC{ position: relative; padding-left: 7px; font-size: 14px; font-weight: 500;}
.PageTitC:before{position: absolute; left:0; top: 8px; content: ''; background: #6b82ad; width: 3px; height: 3px;}

.VersionTit{display:flex; height:31px; border-radius:10px; align-items:center; padding:0 8px 0 7px; transition:all ease-in .25s; background:#eff3ff;}
.VersionTit .PLabel{font-size:12px; text-align:center; padding:2px 7px; height:22px; border-radius:5px; background:#fff; color:#0b46ed; margin-right:5px; transition:all ease-in .25s;}
.VersionTit input{ height:22px; border-radius:7px; padding:0 7px; background:rgba(255,255,255,0.7); border-color:#d7d6e3;}
.VersionTit span{ height:22px; border-radius:7px;  text-align:left; padding-left:2px;}

/*페이지네이션*/
/*페이지네이션*/
.pagination {margin:15px 0; text-align:center;}
.pagination > li{display:inline-block; padding: 0 6px; cursor:pointer;}
.pagination > li > a{background-color:transparent; border-color:transparent; color:#b7b6cc; font-weight:500;  padding:3px 4px;}
.pagination-ssm > li > a, .pagination-ssm > li > span{font-size:14px; height:25px; color:#666 !important;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:transparent; border-color:transparent; color:#8887a2;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    color:#0c81e5 !important; font-weight:700; border-radius:5px;  display:inline-block;
}
.pagination > li.selected a{color:#dc1b24; font-weight:700;}
.paginate_button.next a,
.pagination > li.paging-side a{ color: #182246; transform:translateY(-1px);}
.pagination .stitle.sizeW4{margin-right:0;}
.ListArea .ViewTr .col-sm-12 .ViewTh{width:12.5%;}
.MobileNone{display:inline-block;}
#pagination{ text-align:center; padding:13px 0;}
#pagination .pageBtn{display: inline-block; padding: 3px 8px; cursor: pointer; color:#666; font-size:14px;}
#pagination .pageBtn.active{color:#0c81e5; font-weight:700;}

#CarbonEmissionsInquireGrid .dx-widget.dx-datagrid-pager.dx-pager .dx-pages{opacity:0; visibility:hidden;}
/*열고정*/
#colMonth {
    z-index: 1;
}
.StickyLeft{}
.StickyLeft thead {background:#e6f3f3;}
.StickyLeft thead tr.StickyTr th:nth-child(1){position: sticky; left:0; z-index: 3; }
.StickyLeft td:nth-child(1){position: sticky; left:0; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(2){position: sticky; left:21.5px; z-index: 3; }
.StickyLeft td:nth-child(2){position: sticky; left:21.5px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(3){position: sticky; left:70px; z-index: 3; }
.StickyLeft td:nth-child(3){position: sticky; left:70px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(4){position: sticky; left:123px; z-index: 3; }
.StickyLeft td:nth-child(4){position: sticky; left:123px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(5){position: sticky; left:175px; z-index: 3; }
.StickyLeft td:nth-child(5){position: sticky; left:175px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(6){position: sticky; left:224px; z-index: 3; }
.StickyLeft td:nth-child(6){position: sticky; left:224px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(7){position: sticky; left:333px; z-index: 3; }
.StickyLeft td:nth-child(7){position: sticky; left:333px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(8){position: sticky; left:385px; z-index: 3; }
.StickyLeft td:nth-child(8){position: sticky; left:385px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(9){position: sticky; left:436.49px; z-index: 3; }
.StickyLeft td:nth-child(9){position: sticky; left:436.49px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(10){position: sticky; left:485.5px; z-index: 3; }
.StickyLeft td:nth-child(10){position: sticky; left:485.5px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(11){position: sticky; left:534.5px; z-index: 3; }
.StickyLeft td:nth-child(11){position: sticky; left:534.5px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(12){position: sticky; left:586.5px; z-index: 3; }
.StickyLeft td:nth-child(12){position: sticky; left:586.5px; z-index: 1; }
.StickyLeft thead tr.StickyTr th:nth-child(13){position: sticky; left:638.5px; z-index: 3; }
.StickyLeft td:nth-child(13){position: sticky; left:638.5px; z-index: 1; }

/*
LoginOuter{background:url(../img/content/login_bg.jpg) center center no-repeat; background-size:cover; height: calc(var(--vh, 1vh) * 100); position: relative; text-align: center; display: flex; align-items: center; justify-content: center;}
.Login{ }
.LoginInner{ background:#fff; width: 460px; padding: 75px 0 15px; box-shadow: 2px 2px 50px rgb(30 44 67 / 80%); min-height:350px;}
.Login .LoginLogo{margin-left: -20px;}
.Login .LoginCnt{ margin: 0 auto; padding: 25px 75px;}
.Login input{ border: 1px solid #bcc2d0; width: calc(100% - 40px); color: #1d1f29; padding: 0 20px; font-weight: 400; height: 55px; background: #f7faff; border-radius:0;}
.Login .LoginBtn{ display: inline-block; width: 100%; height: 60px; background: #1e51b0; color:#ffff; font-weight: 500; border:1px solid transparent;}
*/
/*로그인*/
.LoginOuter{background:#fff; background-size:cover; height: calc(var(--vh, 1vh) * 100); position: relative; text-align: center; display: flex; align-items: center; justify-content: center; transform:translateY(-10px);}
/*.LoginOuter .LoginLogo {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}*/
.LoginInner{ width: 390px;  min-height:350px;}
.Login .LoginLogo img{width:220px;}
.Login .LoginCnt{}
.Login input{ border: 1px solid #a1acad; width: calc(100%); color: #333; padding: 0 20px; font-weight: 400; height: 55px; background: rgba(255,255,255,0.05); border-radius:10px;}
.Login input::placeholder{color:#333; font-weight: 400;}
.Login .LoginBtn{ display: inline-block; width: 100%; height: 60px; background: #0068ff; color: #fff; border-radius:10px;}
.EnstarCopy{text-align:center; margin-top: 20px;}
.EnstarCopy p{color:#333; display:inline-block; font-size:14px; font-weight:300;}
.EnstarCopy img{display:inline-block; vertical-align:middle; padding-left:3px; /*webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);*/}

/*비밀번호 변경*/
.PWChange{ padding: 30px 25px 20px 35px;}
.PWChange .PWTitGroup{}
.PWChange .PWTit{font-size:21px; font-weight:600; margin-bottom:10px;}
.PWChange .PWTxt{ font-size:15px;}
.PWChange .LiTit{font-size:15px; font-weight:600; margin-bottom:5px; margin-top:12px;}
.PWChange .DefaultRadio{font-size:16px;}
.PWChange input[type=text],
.PWChange input[type=number],
.PWChange input[type=email],
.PWChange input[type=password]{width:100%; height:50px; border-radius:0;}
.PWChange input::placeholder{color:#111;}
.PWChange .DefaultBtnSave{width:100%; height:50px; font-size:15px; border-radius:2px; color:#fff; border:1px solid #056161; font-weight:600;}

/*otp 인증*/
.popGgOtp{padding: 30px 25px 20px 35px;}
.popGgOtp .GgOtpTit{font-size:21px; font-weight:600; margin-bottom:10px;}
.popGgOtp .GgOtpTxt{font-size:14px; margin-bottom:20px;}
.popGgOtp .QRBox{display:flex; flex-direction:column; align-items:center; }
.popGgOtp img{margin-bottom:20px;}
.popGgOtp input{width:100%; height:50px; border-radius:0;box-sizing:border-box;}
.popGgOtp .DefaultBtnSave{width:100%; height:50px; font-size:15px; border-radius:2px; color:#fff; border:1px solid #056161; background:#0068ff; font-weight:600; margin-top:20px;}

/*프로젝트정보*/
.ProjectInfo{ display:flex; align-items:center; box-sizing:border-box; margin: 0; margin-bottom:15px;}
.ProjectInfo ul{display:flex;}
.ProjectInfo ul li{display:flex;}
.ProjectInfo ul li .SelectOuter{position:relative;}
.ProjectInfo ul li .SelectOuter select{ min-width:135px; height:31px; border:1px solid #c7d2e2; border-radius:10px; background:url(../img/content/select_ico_btn.png) no-repeat right 10px top 8px; line-height:1.6; padding:0 30px 0 45px; color:#333333; font-size:15px;}
.ProjectInfo ul li .SelectOuter select option{border-radius:20px; padding:10px; background:var(--lightblue-bg); border:1px solid #ddd;}
.ProjectInfo ul li .SelectOuter:after{position:absolute;left:7px; top:7px; width:32px; height:18px; background:var(--lightblue-bg); color:#0b46ed; content:''; z-index:3; font-size:11px; text-align:center; padding:1px 5px; border-radius:5px;}
.ProjectInfo ul li .SelectYearOuter:after{ content:attr(data-content); }
.ProjectInfo ul li .SelectPlaceOuter select{padding:0 40px 0 51px;}
.ProjectInfo ul li .SelectPlaceOuter:after{ content:attr(data-content); width:40px; }
.ProjectInfo ul li .DivOuter{display:flex; height:31px; border:1px solid #c7d2e2; border-radius:10px; align-items:center; padding:0 15px 0 7px;}
.ProjectInfo ul li .DivOuter .PLabel{color:#0b46ed;font-size:11px; text-align:center; padding:1px 5px; height:18px; border-radius:5px; background:var(--lightblue-bg); margin-right:5px;}
.ProjectInfo ul li .DivOuter .PName{line-height:1.6;}

.ProjectInfoB{ display:flex; align-items:center; box-sizing:border-box;}
.ProjectInfoB ul{display:flex;}
.ProjectInfoB ul li{display:flex;}
.ProjectInfoB ul li .DivOuter{display:flex; height:30px; border-radius:10px; align-items:center; padding:0 13px 0 7px; background:var(--lightblue-bg);}
.ProjectInfoB ul li .DivOuter .PLabel{color:#0b46ed;font-size:13px; text-align:center; padding:1px 5px 2px; border-radius:5px; background:#fff; margin-right:7px;}
.ProjectInfoB ul li .DivOuter .PName{line-height:1.6; color:#000;}
.SelectOuter{position:relative;}
.SelectOuter select{ min-width:135px; height:31px; border:1px solid #c7d2e2; border-radius:10px; background:url(../img/content/select_ico_btn.png) no-repeat right 10px top 8px; line-height:1.6; padding:0 30px 0 45px; color:#333333; font-size:15px;}
.SelectOuter .SelectBox{padding:1px 8px 4px 95px; max-width:300px;}
.SelectOuter .SumoSelect > .CaptionCont > span{padding-top:3px;}
.SelectOuter select option{border-radius:20px; padding:10px; background:var(--lightblue-bg); border:1px solid #ddd;}
.SelectOuter:after{position:absolute;left:7px; top:5px; height:20px; background:var(--lightblue-bg); color:#0b46ed; content:''; z-index:3; font-size:13px; text-align:center; padding:1px 5px 2px; border-radius:5px;}
.SelectYearOuter:after{ content:attr(data-content); }
#navigation_bar span{color:#666;}
#navigation_bar a span{text-decoration:underline; color:#111;}
/*step*/
/*.StepOuter { border:1px solid #949e9f; box-shadow:3px 3px 4px rgba(22, 33, 73, 0.1);}*/
.StepOuter ul{display:flex; justify-content:center; padding: 0 0 10px 0;}
.StepOuter ul li{text-align:center; min-width:70px; height:40px; padding:8px 15px 8px 8px; box-sizing:border-box; border-radius:60px; display:flex;  align-items: center; margin:0 10px; position:relative; cursor:pointer; color:#333; /*border:2px solid #1e51b0;*/ background:#f4f6f8;}
.StepOuter ul li:after{position: absolute; left: -20px; top: 50%; transform:translateY(-50%); content:''; width:20px; height: 2px; background:#cac6ca;}
.StepOuter ul li.UnitProcess:after{position: absolute; left:-14px; right: auto; top: 50%; transform:translateY(-50%); content:''; width:8px; height: 13px; background:url(../img/content/step_bull01.png)  no-repeat center center; }
.StepOuter ul li.ArrowOuter:after{position: absolute; left:-14px; right: auto; top: 50%; transform:translateY(-50%); content:''; width:8px; height: 13px; background:url(../img/content/step_bull01.png)  no-repeat center center; }
.StepOuter ul li.UnitProcessB:after{position: absolute; left:-11px; right: auto; top: 50%; transform:translateY(-50%); content:''; width:4px; height: 4px; background:#cac6ca; border-radius:2px;}
.StepOuter ul li:first-child:after{display:none;}
/*.StepOuter ul li img{margin-top:6px;}*/
.StepOuter ul li.DeactivationLi img,
.StepOuter ul li.OngoingLi img{ brightness(0) invert(1); filter: brightness(0) invert(1); opacity:0.65;}
/*.StepOuter ul li.UnitProcess img{-webkit-filter: brightness(0) invert(1); filter: invert(0%) sepia(95%) saturate(950%) hue-rotate(196deg) brightness(63%) contrast(96%);}*/
.StepOuter ul li span{font-size:13px; font-weight:500; line-height:1; display:inline-block; word-break:keep-all; padding: 0 0px 0 7px; }
.StepOuter ul li.UnitProcess span{color: #194a8c;}
.StepOuter ul li .StepImgOuter{ display: inline-block; line-height: 1; font-size: 0; background: var(--default-point); border-radius:50%; padding:6px; }
.StepOuter ul li.CurrentActivation .StepImgOuter{background:#17df97; }
.StepOuter ul li.UnitProcess .StepImgOuter{background:#6b5bed; }
.StepOuter ul li.DeactivationLi .StepImgOuter{background:#939a9d;  }
.StepOuter ul li.DisabledLi .StepImgOuter{background:#bdc3c5; }
.StepOuter ul li.OngoingLi .StepImgOuter{ }
.StepOuter ul li img{ width:16px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

.FrozenOuter{position:relative;}
.FrozenOuter:before{position:absolute; bottom:0px; left:0; content:''; width:100%; height:6px; background:#eafafb;}
.FrozenTableOuter{height: calc(100vh - 300px);}
.FrozenTableOuter01::-webkit-scrollbar {width: 0px; /* 세로 스크롤바 숨김 */}
.FrozenTableOuter01{ flex:0 0 700px; overflow-y:auto;overflow-x:hidden;}
.FrozenTableOuter01 table{table-layout:fixed; position:relative;}
.FrozenTableOuter01 table tr td:before{position:absolute; right:0; top: calc(50% - 0px); content:'';transform:translateY(-50%); width:1px; height:100%; background:#ced4e0;}
.FrozenTableOuter02{flex:0 0 calc(100% - 700px);}
/*반짝 효과*/
.CurrentActivation .StepImgOuter{
  -webkit-animation:blink 1.1s ease-in-out infinite alternate;
  -moz-animation:blink 1.1s ease-in-out infinite alternate;
  animation:blink 1.1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {background:#4776ff;}
  100% {}
}
@-moz-keyframes blink{
  0% {background:#4776ff; }
  100% {}
}
@keyframes blink{
  0% {background:#4776ff; }
  100% {}
}
@keyframes blink-image {
    0% { opacity: 0.5; }
    50% { opacity: 1; }
    100% { opacity: 0.5; }
}
/*탭메뉴*/
/*.TabContainer {margin-bottom: 10px; position:relative;}
.TabMenuList {display: flex; align-items: center;  background:rgba(233,237,245,0.5);}
.TabMenu {cursor: pointer; padding: 9px 15px 7px; font-size: 15px; margin-right: 2px; font-weight: 400; color:#62676b; min-width:90px; text-align:center;}
.TabContent {display: none; padding: 15px 0;}
.TabActive {background: #fff; position: relative; color: #1d1f29; font-weight: 500; transform:translateX(0px); box-shadow:none; font-size:14px;}
.TabActive:before{ position: absolute; left: 0px; top: 0px; content: ''; width: calc(100% - 0px); height: 2px; background: #2cdde5;}
.TabActive:after { position: absolute; left: 2px; bottom: -2px; content: ''; width: calc(100% - 4px); height: 4px; background: #fbfdfd;}*/

.TabContainer {margin-bottom: 10px; position:relative;}
.TabMenuList {display: flex; align-items: center;  background:rgba(233,237,245,0.5);}
.TabMenu {cursor: pointer; padding: 9px 15px 7px; font-size: 15px; margin-right: 2px; font-weight: 400; color:#62676b; min-width:90px; text-align:center;}
.TabContent {display: none; padding: 18px 0;}
.TabActive {background: #fff; position: relative; color: #1f4fdd; border-top:1px solid var(--default-point); border-left:1px solid var(--default-point); border-right:1px solid var(--default-point); font-weight: 500; transform:translateX(0px); box-shadow:none; font-size:15px;}
/*.TabActive:before{ position: absolute; left: 0px; top: 0px; content: ''; width: calc(100% - 0px); height: 2px; background: #2cdde5;}*/
.TabActive:after { position: absolute; left: 2px; bottom: -2px; content: ''; width: calc(100% - 4px); height: 4px; background: #fff;}

/*dev 데브 탭메뉴*/
.dx-tabs-wrapper{width:auto !important;gap:4px !important;}
.dx-tab{ border:1px solid #0eb97a !important; border-radius:20px; margin-bottom:7px !important;}
.dx-tab.dx-tab-selected{background:#0eb97a !important; color:#fff !important; border:1px solid transparent !important;}
.dx-tab .dx-tab-text{color:#0eb97a !important; font-weight:600 !important;}
.dx-tab.dx-tab-selected .dx-icon, .dx-tab.dx-tab-selected .dx-tab-text{color:#fff !important;}
.dx-tab:after{display:none !important;}
.dx-tab,.dx-tabs-wrapper{background:transparent !important;}
.dx-tabs-wrapper::after{display:none !important;}
.dx-tab.dx-tab-selected::after{border-color:transparent !important;}
.dx-tabs-expanded .dx-tab { padding: 5px 17px 5px 17px !important;}
.dx-tab .dx-tab-text{line-height:1.6;}
/* dev 데브 페이지네이션*/
.dx-widget.dx-datagrid-pager.dx-pager{padding-left:0 !important; padding-right:0 !important;}
.dx-pager .dx-page, .dx-pager .dx-page-size{font-size:14px !important; color:#898c93 !important;}
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection{background:transparent !important; color:var(--default-point) !important; font-weight:600 !important;}

/*도움말 여닫기*/
.WriteTip{/*border-bottom: 1px solid #a2bbb9; border-top: 1px solid #1e51b0;*/ min-height:36px;}
.WriteTipB{/*border-bottom: 1px solid #a2bbb9; border-top: 1px solid #1e51b0;*/ min-height:30px;}
.WriteTip .WriteTipTit{background:#f5fdff; padding: 9px 15px;}
.WriteTipB .WriteTipTit{background:#fff; padding: 0;}
.WriteTip .WriteTipTit span{ font-size:14px; color: #1d1f29; position:relative; padding-left:25px; font-weight:400;}
.WriteTipB .WriteTipTit .Tit{ font-size:14px; color: #1d1f29; position:relative; padding-left:25px; font-weight:400;}
.WriteTipB .WriteTipTit p{padding-left:25px; }
.WriteTip .WriteTipTit span:after{position:absolute; left:0; top:0px; content:''; width:19px; height:19px; background:url(../img/content/writetip_img.png) center center no-repeat;}
.WriteTipB .WriteTipTit .Tit:after{position:absolute; left:0; top:0px; content:''; width:19px; height:19px; background:url(../img/content/writetip_img02.png) center center no-repeat;}
.WriteTip .WriteTipTit img{display:none;}
/*.WriteTip .WriteTipTit img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}*/
.WriteTipTxt { padding: 8px 15px; border-bottom: 1px solid #dcebeb; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background:#fff; font-weight:300; font-size:14px;}
.WriteTip .WriteTipTxt .SearchTd{margin-bottom:3px;}
.WriteTip .WriteTipTxt ul.SearchTd{}
.WriteTip .WriteTipTxt ul.SearchTd li{ padding-left: 15px; position:relative;}
.WriteTip .WriteTipTxt ul.SearchTd li.Arrow:before{ position:absolute; left:0; top: 2px; content:'→'; font-size:12px;}
.WriteTip .WriteTipTxt ul.SearchTd li.Hyphen:before{ position:absolute; left:3PX; top: 3px; content:'-'; font-size:12px;}

.ProjectWrtieTit{background:#3473e7;padding: 9px 15px; }
.ProjectWrtieTit h3{ font-weight:600; color: #fff;}
.ProjectWrtieTit img{ -webkit-filter: brightness(0) invert(1);  filter: brightness(0) invert(1);}
.ProjectWrtieTitB{background:#3473e7;padding: 3px 15px; }
.ProjectWrtieTitB .DefaultBtnB {height:28px; background:transparent; border-color:#fff; color:#fff;}
.ProjectWrtieTitB .DefaultBtnB span{line-height:27px;}

/*토글버튼*/
.ToggleSwitch { width: 80px; height: 29px; display: inline-block; vertical-align:middle; position: relative; background-color: #fff; border:1px solid #1e51b0; cursor: pointer; box-sizing:border-box;}
.ToggleSwitch:after{content:'제외'; left: 9px; top:4px; color:#1e51b0; opacity: 1; font-size: 13px; font-weight: 500; position: absolute;}
.ToggleSwitch:before{content:'포함'; right: 9px; top:4px; color:#1e51b0; opacity: 1; font-size: 13px; font-weight: 500; z-index: 1; position: absolute;}
.ToggleSwitch .ToggleButton { width: 41px; height: 27px; position: absolute; top: 0; left: 0px; background: #f0fafb; }
.Toggle{display:none;}
.Toggle:checked ~ .ToggleSwitch {background: #fff; position: relative; }
.Toggle:checked ~ .ToggleSwitch:after{/*color:#8993a0; */}
.Toggle:checked ~ .ToggleSwitch:before{color:#fff; transition: all 0.35s ease-in;}
.Toggle:checked ~ .ToggleSwitch .ToggleButton {left: calc(100% - 40px); background: #1e51b0; /*box-shadow:4px 4px 4px rgba(35,147,109,0.3), inset 1px 1px 2px rgba(29,161,116,0.4);*/ color:#fff;}
.Toggle:checked ~ .ToggleSwitch .ToggleButton:before{color:#fff;}
.ToggleSwitch, .ToggleButton { transition: all 0.3s ease-out;}
.WriteTd .ToggleSwitch {height:34px;}
.WriteTd .ToggleSwitch .ToggleButton{height:32px;}
.WriteTd .ToggleSwitch:after{top:7px;}
.WriteTd .ToggleSwitch:before{top:7px;}
/*토글버튼 y/n */
.ToggleSwitchB { width: 100px; height: 29px; display: inline-block; vertical-align:middle; position: relative; background-color: #fff; border:1px solid #1e51b0; cursor: pointer; box-sizing:border-box; border-radius:10px;}
.ToggleSwitchB:after{content:'예'; left: 18px; top:4px; color:#1e51b0; opacity: 1; font-size: 13px; font-weight: 500; position: absolute;}
.ToggleSwitchB:before{content:'아니오'; right: 9px; top:4px; color:#1e51b0; opacity: 1; font-size: 13px; font-weight: 500; z-index: 1; position: absolute;}
.ToggleSwitchB .ToggleButtonB { width: 49px; height: 27px; position: absolute; top: 0; background: #f0fafb; left: 49px; border-radius:0 8px 8px 0;}
.Toggle{display:none;}
.ToggleB:checked ~ .ToggleSwitchB {background: #fff; position: relative; }
.ToggleB:checked ~ .ToggleSwitchB:after{color:#fff; }
.ToggleB:checked ~ .ToggleSwitchB:before{color:#1e51b0;  transition: all 0.35s ease-in;}
.ToggleB:checked ~ .ToggleSwitchB .ToggleButtonB {left: 0; background: #1e51b0; /*box-shadow:4px 4px 4px rgba(35,147,109,0.3), inset 1px 1px 2px rgba(29,161,116,0.4);*/ color:#fff; border-radius:8px 0 0 8px;}
.ToggleB:checked ~ .ToggleSwitchB .ToggleButtonB:before{color:#fff;}
.ToggleSwitchB, .ToggleButtonB { transition: all 0.3s ease-out;}
.WriteTd .ToggleSwitchB {height:34px;}
.WriteTd .ToggleSwitchB .ToggleButtonB{height:32px;}
.WriteTd .ToggleSwitchB:after{top:7px;}
.WriteTd .ToggleSwitchB:before{top:7px;}
/*토글버튼 사용/미사용 */
.ToggleSwitchC { width: 100px; height: 29px; display: inline-block; vertical-align:middle; position: relative; background-color: #fff; border:1px solid #1e51b0; cursor: pointer; box-sizing:border-box;}
.ToggleSwitchC:after{content:'사용'; left: 18px; top:4px; color:#1e51b0; opacity: 1; font-size: 13px; font-weight: 500; position: absolute;}
.ToggleSwitchC:before{content:'미사용'; right: 9px; top:4px; color:#1e51b0; opacity: 1; font-size: 13px; font-weight: 500; z-index: 1; position: absolute;}
.ToggleSwitchC .ToggleButtonC { width: 49px; height: 27px; position: absolute; top: 0; background: #f0fafb; left: 49px;}
.Toggle{display:none;}
.ToggleC:checked ~ .ToggleSwitchC {background: #fff; position: relative; }
.ToggleC:checked ~ .ToggleSwitchC:after{color:#fff; }
.ToggleC:checked ~ .ToggleSwitchC:before{color:#1e51b0;  transition: all 0.35s ease-in;}
.ToggleC:checked ~ .ToggleSwitchC .ToggleButtonC {left: 0; background: #1e51b0; /*box-shadow:4px 4px 4px rgba(35,147,109,0.3), inset 1px 1px 2px rgba(29,161,116,0.4);*/ color:#fff;}
.ToggleC:checked ~ .ToggleSwitchC .ToggleButtonC:before{color:#fff;}
.ToggleSwitchC, .ToggleButtonC { transition: all 0.3s ease-out;}
.WriteTd .ToggleSwitchC {height:34px;}
.WriteTd .ToggleSwitchC .ToggleButtonC{height:32px;}
.WriteTd .ToggleSwitchC:after{top:7px;}
.WriteTd .ToggleSwitchC:before{top:7px;}
/*테이블좌우정렬*/
.TableArray{display:flex; justify-content:space-between;}
.TableArray > div{flex: 0 049.5%;}

/*전과정목록차트*/
#DivContributionListTable{flex:0 0 calc(100% - 375px);}
.DivContributionChart{width:360px;}

.DivContributionMainTit{font-size:16px; color:#09312f; margin-top:5px; line-height:1;}
.DivContributionSubTit{font-size:14px; color:#8791a1; font-weight:400;}
.LegendList ul{padding:15px 10px 0; display: flex; flex-wrap: wrap;}
/*.LegendList ul li{flex:0 0 50%;}*/
.LegendList ul li {font-size:13px}
.LegendList ul li strong{position: relative; padding-left: 22px; margin-left: 0; margin-bottom: 6px; width: 65px; display: inline-block; }
.LegendList ul li:last-child strong{margin-bottom: 0;}
.LegendList ul li strong:before{position: absolute; left:0px; top: 3px; content: ''; height: 14px; width: 14px; border-radius: 50%; background: #1e51b0; }
.LegendList ul li:nth-child(2) strong:before{background: #defc83; }
.LegendList ul li:nth-child(3) strong:before{background: #17df97; }
.LegendList ul li:nth-child(4) strong:before{background: #9fd9d4; }

canvas{width:100%;}

/*에너지 사용량 조회*/
.CalBoxOuter {padding: 25px; background:#fdfeff; border:1px solid #d4d8df;}
.CalBoxOuter .TotalInfo{height:70px; border-bottom:1px solid #d6dae5; margin-bottom:20px;}
.CalBox{flex: 0 0 50%; gap:20px;}
.CalBox02{flex: 0 0 33.33%;}
.CalBoxItem{ background:#fff; border:1px solid #d4d8df; height:160px; width:100%; display:flex; align-items:center;justify-content:center; text-align:center;}
.CalBoxItem span{color:#666;}
.CalBoxItem p{ font-size:27px; font-weight:600; margin-top:10px; color:#0b46ed ;}

/*제품공정*/
.ProductProcessOuter{ display:flex; background:#f4f6fa; gap:10px; padding:13px;}
.ProductProcessOuter .MainItem,
.ProductProcessOuter .DetailItemOuter .DetailItem { flex-shrink: 0; padding:19px 17px; width:195px; border-radius:10px; min-height:170px; transition:0.3s all ease;}
.ProductProcessOuter .ItemBtn{position:absolute; right:10px; top:14px;}
.ProductProcessOuter .MainItem{ background:#3e74e3; color:#fff; position:relative;}
.ProductProcessOuter .MainItem:before{background:url(../img/content/productinfo_tit_bg.png);width:43px; height:43px; content:''; position:absolute; right:13px; bottom:13px;}
.ProductProcessOuter .MainItem .ItemCtrlBtn{}
.ProductProcessOuter .MainItem .MainItemTit{ width:140px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ProductProcessOuter .MainItem .MainItemCntOuter{ margin-top:10px}
.ProductProcessOuter .MainItem .MainItemCntOuter .WhiteBtn{padding:3px; display:block; width:100px; border-radius:5px; font-size:13px;}
.ProductProcessOuter .DetailItemOuter{ display:flex; width:100%; gap:10px;}
.ProductProcessOuter .DetailItemOuter .DetailItem{background:rgba(255,255,255,0.9); }
.ProductProcessOuter .DetailItemOuter .DetailItem:before{}
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemTit{position:relative;}
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemTit select{height:28px; background:#fff url(../img/content/select_ico.png) no-repeat right 11px top 10px; padding-left:12px; width:97%;}
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemCntOuter{ margin-top:10px; position:absolute;}
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemCntOuter:before{ background:url(../img/content/productinfo_cnt_bg.png);width:43px; height:43px; content:''; position:absolute; left:115px; bottom:-8px;}
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemCntOuter .DefaultRadio{}
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemCntOuter .DefaultRadio:before, 
.ProductProcessOuter .DetailItemOuter .DetailItem .DetailItemCntOuter .DefaultRadio:checked:before{}
.ProductProcessOuter .DetailItemOuter .DetailItem .ItemCloseBtn{ top:0px; right:-8px;}
.ProductProcessOuter.MinSize .MainItem{min-height:0; padding:8px 17px; transition:0.3s all ease;}
.ProductProcessOuter.MinSize .MainItem:before{display:none;}
.ProductProcessOuter.MinSize .MainItem .ItemCtrlBtn{transform:rotate(180deg); top:8px; }
.ProductProcessOuter.MinSize .MainItem .MainItemTit{line-height:27px;}
.ProductProcessOuter.MinSize .MainItem .MainItemCntOuter{margin-top:0;}
.ProductProcessOuter.MinSize .MainItem .MainItemCntOuter button {display:none;}
.ProductProcessOuter.MinSize .DetailItemOuter .DetailItem{min-height:0; padding:8px 17px;}
.ProductProcessOuter.MinSize .DetailItemOuter .DetailItem:before{display:none;}
.ProductProcessOuter.MinSize .DetailItemOuter .DetailItemCntOuter{display:none;}
.ProductProcessOuter.MinSize .DetailItemOuter .DetailItem:before{display:none;}
.ProductProcessOuter.MinSize .DetailItemOuter .DetailItem .DetailItemTit select{width:97%;}
.sortable-placeholder {
    background: #ddd;
    visibility: visible;
    height: 150px; /* DetailItem의 높이와 동일 */
}

.WhiteBtn img {
  transition: transform 0.3s ease;
}
.WhiteBtn img.rotate {
  transform: rotate(180deg);
}
.sidebar-overlay{display:none !important;}
.ProductItemTitGroup{background:#2957b7; display:flex; justify-content:space-between; align-items:center; padding: 5px 15px;}
.ProductItemTitGroup .ProductItemTit{color:#fff;}
.ProductItemTitGroup .ProductItemBtnGroup{}
.ProductItemTitGroup .ProductItemBtnGroup button{padding:3px 7px; display:block; border-radius:5px;}
.ProductItem { background:#f4f6fa; padding:13px; margin-bottom:15px;}
.ProductItem .UnitProcessOuter{ display:flex; gap:10px; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:10px;}
.ProductItem .UnitProcessOuter:last-child{border-bottom:none; margin-bottom:0; padding-bottom:0;}
.ProductItem .UnitProcessOuter .MainItem,
.ProductItem .UnitProcessOuter .DetailItemOuter .DetailItem { flex-shrink: 0; padding:29px 17px; position:relative; width:280px; border-radius:10px; min-height:150px;}
.ProductItem .UnitProcessOuter .DetailItemOuter .DetailItem {padding:25px 17px;}
.ProductItem .UnitProcessOuter .ItemCtrlBtnOuter{position:absolute; right:7px; top:7px;}
.ProductItem .UnitProcessOuter .MainItem{ background:#fff; box-shadow:3px 3px 9px rgb(60 100 141 / 15%); position:relative;}
.ProductItem .UnitProcessOuter .MainItem:before{background:url(../img/content/productinfo_tit_bg02.png);width:45px; height:38px; content:''; position:absolute; right:13px; bottom:13px;}
.ProductItem .UnitProcessOuter .MainItem.NewItem{background:aliceblue; box-shadow:3px 3px 13px rgb(255 255 255 / 100%); outline:2px solid rgba(255,255,255,0.3);}
.ProductItem .UnitProcessOuter .MainItem .ItemCtrlBtnOuter{}
.ProductItem .UnitProcessOuter .MainItem .MainItemTit{ width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ProductItem .UnitProcessOuter .MainItem .MainItemTit input{width:calc(100% - 45px);}
.ProductItem .UnitProcessOuter .MainItem .MainItemCntOuter{ margin-top:10px}
.ProductItem .UnitProcessOuter .MainItem .MainItemCntOuter .LBlueBtn{padding:3px 7px; display:block; border-radius:5px;}
.DetailItemOuter{ display:flex; width:100%; gap:10px;}
.DetailItemOuter .DetailItem{background:rgba(255,255,255,0.7); position:relative; }
.DetailItemOuter .DetailItem:before{background:url(../img/content/productinfo_cnt_bg.png);width:43px; height:43px; content:''; position:absolute; right:13px; bottom:13px;}
.DetailItemOuter .DetailItem .DetailItemTit{ font-size:14px;}
.DetailItemOuter .DetailItem .DetailItemTit select{height:28px; background:#fff url(../img/content/select_ico.png) no-repeat right 11px top 10px; padding-left:12px;}
.DetailItemOuter .DetailItem .DetailItemCntOuter{ margin-top:10px}
.DetailItemOuter .DetailItem .DetailItemCntOuter ul{}
.DetailItemOuter .DetailItem .DetailItemCntOuter ul li{font-size:13px; position:relative; padding-left:10px;}
.DetailItemOuter .DetailItem .DetailItemCntOuter ul li:before{position:absolute; left:0;top:7px; content:''; width:3px; height:3px; background:#289def; border-radius:5px;}

.ProductItem .UnitProcessOuter .DetailItemOuter .DetailItem .ItemCloseBtn{ top:6px; right:8px;}
.ProductItem .UnitProcessOuter.MinSize .MainItem{min-height:0; padding:8px 17px;}
.ProductItem .UnitProcessOuter.MinSize .MainItem:before{display:none;}
.ProductItem .UnitProcessOuter.MinSize .MainItem .ItemCtrlBtnOuter{ top:8px;}
.ProductItem .UnitProcessOuter.MinSize .MainItem .ItemCtrlBtnOuter button{transform:rotate(180deg);}
.ProductItem .UnitProcessOuter.MinSize .MainItem .MainItemTit{line-height:27px;}
.ProductItem .UnitProcessOuter.MinSize .MainItem .MainItemTit input{width:calc(100% - 85px);}
.ProductItem .UnitProcessOuter.MinSize .MainItem .MainItemCntOuter{margin-top:0;}
.ProductItem .UnitProcessOuter.MinSize .MainItem .MainItemCntOuter button {display:none;}
.ProductItem .UnitProcessOuter.MinSize .DetailItemOuter .DetailItem{min-height:0; padding:8px 17px 0px;}
.ProductItem .UnitProcessOuter.MinSize .DetailItemOuter .DetailItem:before{display:none;}
.ProductItem .UnitProcessOuter.MinSize .DetailItemOuter .DetailItemCntOuter{display:none;}
.ProductItem .UnitProcessOuter.MinSize .DetailItemOuter .DetailItem:before{display:none;}
.ProductItem .UnitProcessOuter.MinSize .DetailItemOuter .DetailItem .DetailItemTit{line-height:27px;}
.ProductItem .UnitProcessOuter.MinSize .DetailItemOuter .DetailItem .DetailItemTit select{width:97%;}

/*sweet*/
.swal2-title{font-size:20px; color: #182440; font-weight:600; padding-top:0 !important; word-break:keep-all;}
.swal2-html-container{word-break: keep-all; font-size: 16px; color: #565865; margin-top:0.3em; font-weight: 300; word-break:keep-all;}
.swal2-styled{width:140px; height:45px; font-size:15px; border-radius:8px;}
.swal2-styled.swal2-confirm{border:1px solid transparent;}
.swal2-styled.swal2-confirm{color:#fff; border:1px solid var(--default-point); background:var(--default-point);}
.swal2-actions{margin:1em auto 1.25em;}
.swal2-styled.swal2-cancel.swal2-cancelbtn{border:1px solid var(--default-point); color:var(--default-point);}
.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-confirm:hover{box-shadow:0 0 0 0.2rem rgba(41,89,229,0.25);}
.swal2-styled.swal2-cancel.swal2-cancelbtn:hover{background-image:linear-gradient(rgba(36,84,172,0.05),rgba(36,84,172,0.05)); box-shadow:0 0 0 0.2rem rgba(36,84,172,0.25);}
.swal2-image{margin-top:3em; -webkit-animation-direction: normal; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-name: blink-image; -webkit-animation-timing-function: ease;}

/*select2*/
.select2-container{}
.select2-container--default .select2-selection--single{border:1px solid #bbc7d1 !important; border-radius:10px !important; background:#fff url(../img/content/select_ico.png) no-repeat right 10px top 10px; height:28px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display:none;}
.select2-container .select2-selection--single .select2-selection__rendered{width:260px; text-align:left; /*line-height:31px !important;*/}
.select2-results__option{font-size:13px;}
.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #bbc7d1 !important; border-radius:10px;}
.select2-container--default .select2-results__option{margin:5px;}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddfaff !important; color:#1d1f29 !important; border-radius:10px; margin:5px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f0feff !important; color:#1d1f29 !important; border-radius:10px; margin:5px;}
.select2-container--open .select2-dropdown--below{border-radius:10px !important;}
/*sumo 셀렉트*/
.WriteDefaultB .WriteTd .WriteTdInner .SumoSelect{width:100%;}
.SelectOuter .SumoSelect{width:220px !important;}
.SumoSelect > .CaptionCont{border:1px solid #bbc7d1 !important; border-radius:10px !important;}
.SumoSelect:focus > .CaptionCont, 
.SumoSelect.open > .CaptionCont{box-shadow:none !important; outline: 1px solid #b1c6df !important; border-color: #1e51b0 !important;}
.SumoSelect:hover > .CaptionCont{box-shadow:none !important; border-color: #1e51b0 !important; outline: none !important;}
.SumoSelect > .CaptionCont > label > i{background:#fff url(../img/content/select_ico.png) no-repeat right 0px top 6px !important; }
.WriteDefaultB .WriteTd .WriteTdInner .SumoSelect{ background-color:#fdfdfd !important;}
.SumoSelect .select-all{height:32px !important; text-align:left; padding:6px 0 3px 35px !important; display: block !important;}
.SumoSelect > .optWrapper > .options { max-height: 169px !important;}
.SumoSelect > .optWrapper > .options li.opt{border-bottom:1px solid #ddd !important;}ratioArea 
.SumoSelect > .optWrapper > .options li.opt:hover{background-color:#f8ffff !important;}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, 
/*.SumoSelect .select-all.selected > span i, 
.SumoSelect .select-all.partial > span i{background-color:#2bcfd7 !important; border-radius:3px;}*/
.SumoSelect .select-all.selected > span i, 
.SumoSelect > span i{background-color:#2bcfd7 !important; border-radius:3px;}
.SumoSelect > .optWrapper.multiple > .options li.opt span, .SumoSelect .select-all > span{margin-left:-30px !important;}
.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i{box-shadow:none !important; border-radius:3px !important; top:-2px !important;}
.SumoSelect > .optWrapper{border-radius:10px !important;}
.SelectOuter .SumoSelect > .optWrapper{top:30px !important;}
.bottomOpen > .optWrapper{top:auto !important; bottom: 35px !important;}
.SumoSelect > .CaptionCont > span{text-align:left; font-size:13px; padding-right:18px !important;}
.SumoSelect > .CaptionCont > span.placeholder { color: #777 !important;opacity:1 !important; font-style: normal !important;  background-color: transparent !important; }
.SumoSelect > .optWrapper > .options li label{text-align:left; font-size:14px;}
/*#popMsdsListTable{width:504px;}*/
#popUpdbUpstreamListTable{width:1350px;}

.ModifyTxt{font-weight:700; color:#1e51b0;}
.ListDefault{position:relative; padding-left:10px;}
.ListDefault:after{position:absolute; left:0; top:8px; content:''; width:4px; height:4px; border-radius:3px; background:#1e51b0;;}

@keyframes blink-image {
    0% { opacity: 0.65; }
    50% { opacity: 1; }
    100% { opacity: 0.65; }
}
.ErrorPage {height100%;min-height:calc(100vh - 126px); display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.ErrorPage a{}
.ErrorPage img{max-width:100%;}
/*.ErrorItem{height:615px;width:1300px;}
.Error404{background:url(../img/content/error_bg01.jpg) center center no-repeat; }*/

.AddDelBtn{transition:all ease .3s; vertical-align:middle; display:inline-block; line-height:0; border:1px solid var(--default-point); cursor:pointer; border-radius:6px;}
.AddDelBtn img{ vertical-align:middle; display:inline-block; line-height:0; width:19px; height:19px;}
.AddDelBtn:hover{transition:all ease .3s; background:var(var(--lightblue-bg)); border:1px solid var(var(--lightblue-bg));}


.userListUl{}
.userListUl li{position:relative; padding:8px 33px; cursor:pointer;}
.userListUl li:hover{background:#f1f9f8; transition:all ease .3s;}
.userListUl li:before{position:absolute; left:10px; top:11px; content:''; width:15px; height:14px; background:url(../img/content/file_img.png) center center no-repeat;}
.userListUl li.active{background:#eef7f4;}
.userListUl li.active:after{position:absolute; right:0px; top:0px; content:''; width:3px; height:100%; background:#025757; }

/*dev 색상변경*/
.dx-datagrid-headers .dx-header-row, .dx-datagrid-headers .dx-header-row .dx-datagrid-action {
    background-color: #e6f9fb !important; color:#333 !important; font-weight:700 !important;
    /*box-shadow: inset 0px 3px 4px rgb(0 17 47 / 45%), inset 0px -3px 4px rgba(255, 255, 255, 0.3);*/
}
.dx-datagrid-headers :hover {
    color: #333 !important;
}
.dx-widget {
    font-family: 'TheJamsil', "Noto Sans JP", "Noto Sans SC", 'Montserrat', 'Noto Sans KR', sans-serif !important;
}
.dx-checkbox-indeterminate .dx-checkbox-icon{background-color:var(--default-point); color:var(--default-point);}
.dx-checkbox-checked .dx-checkbox-icon{background-color:var(--default-point); border-radius:5px;}
.dx-checkbox-checked .dx-checkbox-icon::before{font-weight:900;}

.ProcessImg{width:100%;}
.ProcessImg .Inner{position:relative;}
.ProcessImg .Inner .ProcessImgTit{ color:#0b46ed; font-size:18px;}
.ProcessImg .Inner .ProcessImgTit .Name{}
.ProcessImg .Inner .ProcessImgCnt{padding:25px; display: flex; margin-top:5px; background:#f8f9fb; border-radius:20px;}
.ProcessImg .Inner .ProcessImgCnt .Item{ text-align:center; display:flex; flex-direction:column;}
.ProcessImg .Inner .ProcessImgCnt .Item .ItemTit{background:#0b46ed; color:#fff; border-radius:10px; padding:5px 20px; margin-bottom:7px; }
.ProcessImg .Inner .ProcessImgCnt .Item .ItemOuter{color:#0b46ed; display:flex;}
.ProcessImg .Inner .ProcessImgCnt .Item .ItemOuter .DetailOuter{background:#fff; border:1px solid #0b46ed; border-radius:19px; width:140px; height:80px; display:flex; align-items:center; justify-content:center; margin-right:55px; position:relative;}
.ProcessImg .Inner .ProcessImgCnt .Item .ItemOuter .DetailOuter:before{position:absolute; right:-55px; top:50%; content:''; height:2px; width:55px; background: #0b46ed;}
.ProcessImg .Inner .ProcessImgCnt .Item .ItemOuter .DetailOuter:after{position:absolute; right:-55px; top:50%; content:'';  width: 6px; height: 6px; border-top: 2px solid #0b46ed; border-right: 2px solid #0b46ed; display: inline-block; transform: translateY(-2px) rotate(45deg); }
.ProcessImg .Inner .ProcessImgCnt .Item .ItemOuter .DetailOuter:last-child{margin-right:0;}
.ProcessImg .Inner .ProcessImgCnt .Item:last-child .ItemOuter .DetailOuter:last-child:before{display:none;} 
.ProcessImg .Inner .ProcessImgCnt .Item:last-child .ItemOuter .DetailOuter:last-child:after{display:none;}


.SelectMin{height:28px; background:#fff url(../img/content/select_ico.png) no-repeat right 11px top 10px; padding-left:12px; font-size:14px; line-height:1.5;}
.SumoSelect .SelectMin.sumoselect_multiple.SelectBox {line-height:1.2;}
.SumoSelect .SelectMin.sumoselect_multiple.SelectBox {line-height:1.2;}
.SumoSelect > .CaptionCont > label > i{opacity:1; transform:translateY(-1px);}

/*트리*/
/*트리*/
/*.tree td .treegrid-expander-expanded,
.tree td .treegrid-expander-collapsed{position:absolute; right:5px; top:10px;}*/


/*.treegrid-expander-expanded{background-image: url(../img/collapse.png); }
.treegrid-expander-collapsed{background-image: url(../img/expand.png);}*/
tr.treegrid-P1-00001 {}
.tree .treegrid-expander-expanded{background-image:url(../img/content/tree_arr01.png);}
.tree .treegrid-expander-collapsed{background-image:url(../img/content/tree_arr02.png);}
.tree .treegrid-indent {width:6px; height: 8px; display: inline-block; cursor: pointer; position: relative; }
.tree .treegrid-expander {width:16px; height: 16px; display: inline-block; cursor: pointer; position: absolute; right:0;top:10px; padding:10px;}
.tree tbody tr td.BOMTree{ text-align:left; position:relative; padding-left:25px; padding-right:13px;}
.tree.treeInputTable tbody tr.BOMTreeTitleTr{background:#f6fffc; }
.tree.treeInputTable tbody tr.BOMTreeTitleTr td{border-right-color:#ebf7f5;}
.tree.treeInputTable tbody tr td.BOMTree input{ padding-left:2px; width:auto;}
.tree tbody tr td.BOMTree .BOMCode{position:relative;}
.tree tbody tr td.BOMTree .BOMCode:after{position:absolute; left:-20px; top:-2px; width:16px; height:16px; border:1px solid #0b46ed; color:#0b46ed; background:#fdfeff; text-align:center; font-size:11px; font-weight:600;}
.tree .Depth1 .BOMCode:after{ content:'1';}
.tree .Depth2 .BOMCode:after{ content:'2';}
.tree .Depth3 .BOMCode:after{ content:'3';}
.tree .Depth4 .BOMCode:after{ content:'4';}
.tree .Depth5 .BOMCode:after{ content:'5';}
.tree .Depth6 .BOMCode:after{ content:'6';}
.tree .Depth7 .BOMCode:after{ content:'7';}
.tree .Depth8 .BOMCode:after{ content:'8';}
.tree .Depth9 .BOMCode:after{ content:'9';}
.tree .Depth10 .BOMCode:after{ content:'10';}
.tree .Depth11 .BOMCode:after{ content:'11';}
.tree .Depth12 .BOMCode:after{ content:'12';}
.tree .Depth13 .BOMCode:after{ content:'13';}
.OverviewTable { border-collapse: separate; border-spacing: 10px;  width:100%;}
.OverviewTable th, 
.OverviewTable td { padding: 6px 8px; text-align: center; vertical-align: top; border-radius: 10px; }
.OverviewTable th { background-color: #f4f4f4; font-weight: bold; text-align: center; padding: 10px; }
.OverviewTable td{padding:14px 20px 9px 20px; position:relative;}
.OverviewTable .OpenBtn:after{position:absolute; right:6px; top:6px; content:''; background-image:url(../img/content/overview_arr.png); width:17px; height:17px; cursor:pointer;}
.Level1 { background-color: #ddcaff; }
.Level2 { background-color: #d2d6ff; }
.Level3 { background-color: #bfebff; }
.Level4 { background-color: #c6faff; }
.Level5 { background-color: #c6fde9; }
.Level6 { background-color: #cdfbc4; }
.Level7 { background-color: #e2fbc4; }
.Level8 { background-color: #fffdb2; }
.Level9 { background-color: #ffe7b2; }
.Level10 { background-color: #ffc2b2; }
.Level11 { background-color: #ffc2b2; }
.Level12 { background-color: #ffb2b2; }
.Level13 { background-color: #ffc1e7; }
.ItemCode{display:block; font-weight:600; font-size:14px; line-height:1;}
.ItemName{font-size:12px;line-height:1;}

@media screen and (max-width:1800px) {
    .SearchArea .SearchOuter li .Lilnner .SearchTh{width: 25%;}
    .SearchArea .SearchOuter li .Lilnner .SearchTd{width: 75%;}
	.SearchArea .SearchOuter li .Lilnner .SearchThW{width: 30%;}
    .SearchArea .SearchOuter li .Lilnner .SearchTdM{width: 70%;}
    .SearchArea .SearchOuter li .Lilnner .SearchThMin{width: 25%;}
    .SearchArea .SearchOuter li .Lilnner .SearchTdMin{width: 65%;}
}
@media screen and (max-width:1700px) {
    .SearchArea .SearchOuter li .Lilnner .SearchTh{font-size:13px;}
    .WriteDefaultB .WriteTh{font-size:13px;}
    .NotificationTxt p{font-size:13px;}
    .NotificationTxt p:after{top:0;}
    .systemLineImg li{font-size:12px; width:55px; line-height:1.1;}
    .AttOuterB .AttUploadBtnD{top:-1px;}
}

@media screen and (max-width:1500px){
    .SearchArea .SearchOuter{width:80%;}
    .SearchArea .SearchOuter li .Lilnner .SearchTh{font-size: 13px;}
	.SearchArea .SearchOuter li .Lilnner .SearchThW{width: 40%;}
    .SearchArea .SearchOuter li .Lilnner .SearchTdM{width: 60%;}
    .SearchTd input{ height: 26px; padding: 0 0 0 10px; width:calc(100%);}
    .SearchTd select{height: 28px; padding: 0 0 0 10px; background: #fff url(../img/content/select_ico.png) no-repeat right 12px top 10px; font-size: 13px;}
    .SearchTd .ProgressbarOuter .Progressbar{height: 26px;}

    .StepOuter ul li{min-width:95px; margin:0 15px;}
    .StepOuter ul li:after{display:none;}
    .StepOuter ul li span{font-size:12px;;}
    .ProjectInfo ul li{font-size:13px;}
    .WriteDefaultB li{flex:0 0 100%;}
    .systemLineImg li{font-size:13px; width:70px;}
    .WriteDefaultB li.W100p ul{padding: 5px 15px 10px;}
    .WriteDefaultB li.W100p ul li{flex:0 0 100%;}
    .WriteDefaultB .WriteTd .WriteTdInner{min-height:30px;}
    .WriteDefaultB .WriteTd .WriteTdInner input[type=text],
    .WriteDefaultB .WriteTd .WriteTdInner input[type=email],
    .WriteDefaultB .WriteTd .WriteTdInner input[type=password],
    .WriteDefaultB .WriteTd .WriteTdInner input[type=number]{height:28px;}
    .WriteDefaultB .WriteTd .WriteTdInner select{height:30px; background:#fdfdfd url(../img/content/select_ico.png) no-repeat right 10px top 11px;}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg{min-height:28px;}
    .WriteTd .ToggleSwitchB{height:32px;}
    .WriteTd .ToggleSwitchB .ToggleButtonB{height:30px;}
    .WriteTd .ToggleSwitchB:after{top:6px; }
    .WriteTd .ToggleSwitchB:before{top:6px; }
    .SearchArea .SearchOuter li{padding:3px 0;}
}
@media screen and (max-width:1200px) {
    .WriteOuterB{padding:20px 28px;}
    .WriteDefaultB .WriteTd .WriteTdInner{min-height:32px;}
    .WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner{min-height:28px;}
    .WriteDefaultB .WriteTd .WriteTdInner input[type=text],
    .WriteDefaultB .WriteTd .WriteTdInner input[type=email],
    .WriteDefaultB .WriteTd .WriteTdInner input[type=password],
    .WriteDefaultB .WriteTd .WriteTdInner input[type=number]{height:30px;}
    .WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=text],
    .WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=email],
    .WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=password],
    .WriteOuterC .WriteDefaultB .WriteTd .WriteTdInner input[type=number]{height:26px;}
    .WriteDefaultB .WriteTd .WriteTdInner select{height:32px; background:#fdfdfd url(../img/content/select_ico.png) no-repeat right 10px top 13px;}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg{min-height:30px;}
    .StepOuter ul{flex-wrap:wrap; padding:7px 10px; justify-content:flex-start; }
    .StepOuter ul li{width:auto; height:auto; margin: 5px 4px; padding:6px 2px; border-radius:8px;}
    .StepOuter ul li img{display:none;}
    .StepOuter ul li span{font-size:13px; height:auto; margin-top:1px;}
    .WriteTip .WriteTipTxt .SearchTd{font-size:13px;}
    .TabMenu{padding:6px 15px 4px; font-size:14px;}
    .ProjectInfo.Mb7{margin-bottom:4px;}
    .ProjectInfo ul li{font-size:13px; /*margin-right:3px;*/}
    /*.ProjectInfo ul li:nth-child(4),
    .ProjectInfo ul li:nth-child(5){display:none;}*/
    /*.ProjectInfo ul li:after{display:none;}*/
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .AttOuterB .AttListB { width: calc(100% - 90px);}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .AttOuterB input[type=text].FileNameB{width:88%;}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .AttOuterB .AttCloseBtnB{right:8px;}
    .WriteDefaultB .WriteTh .WriteThInner{padding-top:4px;}
    .systemLineImg{margin:5px 10px;}
    .systemLineImg li{margin:5px 10px;}
    .SearchArea .SearchOuter li .Lilnner .SearchThMin{width: 20%;}
    .SearchArea .SearchOuter li .Lilnner .SearchTdMin{width: 80%;}
    .systemLineImgBg{ min-height: 160px;}

    .DivContributionOuter{flex-direction:column;}
    #DivContributionListTable{flex:0 0 100%;}
    .DivContributionChart{width:100%; margin-top:15px;}
    .TabMenu {min-width:auto;}
    .TabMenuList .DefaultBtnFinish{height:32px;}
    .ImpactAssessment{text-align:right; font-size:13px; color:#045151; margin-top:5px;}
    .NotificationTxt{ flex-direction:column; padding:10px 15px 13px 10px;}
    .NotificationTxt p{padding-left:13px; font-size:13px;}
    .NotificationTxt p:after{top:2px; font-size:11px;}
    .ErrorPage img{max-width:98%;}
}
@media screen and (max-width:799px) {
    .systemLineImgBg{ min-height: 176px;}
}
@media screen and (max-width:700px) {
    .SearchArea{padding:8px 13px;}
    .SearchAreaMobile{padding:7px 20px 47px 17px;}
    .SearchArea .SearchOuter{width:100%;}
    .SearchArea .SearchOuter li .Lilnner{margin-right:0;}
    .SearchArea .BtnGroup{right:20px;}
    .DefaultBtnSave, .DefaultBtn, 
    .DefaultBtnB{min-width:55px; height:30px;}
    .DefaultTable .DefaultBtnB, 
    .DefaultTableB .DefaultBtnB, 
    .WriteDefaultB .WriteTh .DefaultBtnB{min-width:45px;}
    .DefaultBtn img, .DefaultBtn span, .DefaultBtnFinish img, 
    .DefaultBtnFinish span, .DefaultBtnSave img, 
    .DefaultBtnSave span, .DefaultBtnB img, 
    .DefaultBtnB span, .DefaultBtnC img, 
    .DefaultBtnC span, .DefaultBtn img .DefaultBtn span{line-height:0.95;}
    .DefaultTable label.DefaultBtnB span, 
    .DefaultTableB label.DefaultBtnB span, 
    .WriteDefaultB .WriteTh label.DefaultBtnB span{line-height:0.95;}
    .SearchArea .DefaultBtnB span{line-height:1;}
    table .DefaultBtnB span{line-height:1;}
    .DefaultBtn img, 
    .DefaultBtnB img{display:none;}
    .DefaultBtn span.Ml1, 
    .DefaultBtn span.Ml3, 
    .DefaultBtnB span.Ml1,
    .DefaultBtnB span.Ml3{margin-left:0;}
    .WriteOuterB{padding:15px 20px 20px 20px;}
    
    /*.Login {width: 430px;}*/
    .TabMenu{padding:6px 10px 4px; font-size:13px;}
    .ProjectInfo ul li:nth-child(1),
    .ProjectInfo ul li:nth-child(2){display:none;}
    .StepOuter ul li{margin:3px 3px;}
    .StepOuter ul li{ padding:4px 0px;}
    /*.StepOuter ul li.CurrentActivation{box-shadow:2px 2px 3px rgb(0 140 127 / 50%), -2px -2px 3px #fff, inset 2px 2px 3px rgb(12 97 68 / 40%);}*/
    .StepOuter ul li span{margin-top:0; transform:translateY(2px); }
    .StepOuter ul li.UnitProcess span,
    .StepOuter ul li.CurrentActivation span,
    .StepOuter ul li.DeactivationLi span,
    .StepOuter ul li.DisabledLi span{transform:translateY(1px);}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .AttOuterB .AttUploadBtnB{padding:0px 6px; top:0px; height:20px; line-height:20px;}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .AttOuterB input[type=text].FileNameB{height:22px; padding:0 5px;}
    .WriteDefaultB .WriteTd .WriteTdInner.WriteTdBg .AttOuterB .AttCloseBtnB{top:6px;}
    #popMsdsListTable{width:100%;}
    .TabMenuList .DefaultBtnFinish{min-width:45px; height:30px; border-radius:0; font-size:12px;}
    .TabMenuList .DefaultBtnFinish img{ display:none;}
    .AttOuterB .AttListB .AttItemB .FileNameD{width:92%;}
    .DefaultBtn,
    .DefaultBtnB{font-size:12px;}
    .DefaultBtnD{width:24px; height:24px;}
}
@media screen and (max-width:500px) {
    /*.LoginOuter{ background:#fff;}*/
    .Login{width:100%;height: 100vh; /* 혹시나 Custom Property 지원 안하는 브라우저를 위한 복귀점(Fallback) */ height: calc(var(--vh, 1vh) * 100); position:inherit; top:auto; left:auto; transform:translate(0, 0); padding:0;display:flex; align-items:center; justify-content:center; flex-direction:column; transform:translateY(-10px);}
    .LoginInner{width:75%; margin-top:-1%; box-shadow:none; padding:0; min-height:0; border:none; background:none;}
    .Login .LoginCnt{padding:25px 0;}
    .Login input{height:45px;}
    .Login .LoginBtn{height:55px;}
    .EnstarCopy{margin-top:0; position:fixed; left:50%; bottom:15px; transform:translateX(-50%); width:100%;}
    .EnstarCopy p{color:#869099;}
    .EnstarCopy img{webkit-filter: none; filter: none; vertical-align:bottom;}
    .TabMenu{padding:5px 5px 3px; font-size:12.5px;}
    .ModalWrap{min-width:auto; width:90%;}
    .DefaultBtn img, 
    .DefaultBtnFinish img, 
    .DefaultBtnSave img, 
    .DefaultBtnB img, 
    .DefaultBtnC img, 
    .DefaultBtn img{display:none;  }
    .DefaultBtn span, 
    .DefaultBtnFinish span, 
    .DefaultBtnSave span, 
    .DefaultBtnB span, 
    .DefaultBtnC span, 
    .DefaultBtn span {line-height:0.95; }
    table .DefaultBtnB span{line-height:1;}
    .systemLineImg{margin:5px 7px 5px 0px;}
    .systemLineImg li{width:65px; height:53px; line-height:1.1; font-size:12px;}
    .TabMenu{max-width:80px; /*overflow:hidden;*/ white-space:nowrap; text-overflow:ellipsis;}
    .TabMenuList .DefaultBtnFinish{min-width:40px; height:28px; border-radius:0; font-size:12px; box-shadow:none;}
    .TabMenuList .DefaultBtnFinish img{ display:none;}
    .DefaultBtnSave, .DefaultBtn, .DefaultBtnB{min-width:48px; box-shadow:none;}
    .SearchAreaMobile{padding:9px 20px 45px 17px;}
    .SearchArea .SearchOuter li{padding:3px 0;}
    .SearchTd input{height:25px;}
    .SearchArea .BtnGroup{bottom:11px;}
    .DefaultBtnD{min-width:22px; height:22px;}
    .systemLineImgBg{ min-height: 172px;}
    .DivContributionChart .MainTit {word-break:keep-all}
    .ProjectInfo{margin:70px 15px 0 15px;}
    .AttOuterC{min-width:170px;}
}
@media screen and (max-width:399px) {
    .systemLineImgBg{ min-height: 240px;}
}
@media screen and (max-width:380px) {
    .TabMenu{padding:4px 3px 4px; font-size:11px;}
    .TabMenuList .DefaultBtnFinish{min-width:30px; height:25px;}
    .DivContributionChart .GaspercentChart{width:280px !important;}
}

/*DarkTheme*/
.DarkTheme.SiteWrap{background:#1d1f23; background-image: linear-gradient(120deg, #1d1f23, #2a2c33); color:#fff;}
.DarkTheme .PageTit{color:#fff; font-weight:300;}
.DarkTheme .PageTit:before{background:#2ab294;}

.DarkTheme .DefaultBtnFinish{background:#c9dfd9; border:1px solid #fff; box-shadow:inset 1px 1px 6px rgb(255,255,255,0.5); color:#1b1d20;}
/*.DarkTheme .DefaultBtnB{border:1px solid #369175; box-shadow:inset 1px 1px 6px rgb(98,225,202,0.15); color:#fff; background:#1e51b0;}*/
.DarkTheme .DefaultBtnB,
.DarkTheme .DefaultBtnSave,
.DarkTheme .DefaultBtnMin{background: #c9dfd9; border: 1px solid #fff; box-shadow: inset 1px 1px 6px rgb(255, 255, 255, 0.5); color: #1b1d20;}
.DarkTheme .DefaultBtnMin{font-weight:500;}
.DarkTheme .DefaultTable .DefaultBtnB, 
.DarkTheme .DefaultTableB .DefaultBtnB, 
.DarkTheme .DefaultTableC .DefaultBtnB, 
.DarkTheme .WriteDefaultB .WriteTh .DefaultBtnB{background:transparent; border:1px solid #b5e7d9; box-shadow:inset 1px 1px 5px rgba(255,255,255,0.2); color:#b5e7d9;}
.DarkTheme .DefaultBtn,
.DarkTheme .DefaultBtnC,
.DarkTheme .DefaultBtnD,
.DarkTheme .MonthBtn{background:transparent; border:1px solid #c9dfd9; box-shadow:inset 1px 1px 5px rgba(255,255,255,0.2); color:#c9dfd9;}
.DarkTheme .DefaultBtnSearch{background:transparent; border:1px solid #b5e7d9; box-shadow:inset 1px 1px 5px rgba(255,255,255,0.2); color:#b5e7d9;}
.DarkTheme .DefaultBtnSearch img{filter:invert(14%) sepia(134%) saturate(190%) hue-rotate(143deg) brightness(290%) contrast(110%); -webkit-filter:invert(14%) sepia(134%) saturate(190%) hue-rotate(143deg) brightness(290%) contrast(110%);}
.DarkTheme .DefaultBtn img,
.DarkTheme .DefaultBtnC img,
.DarkTheme .DefaultBtnD img{ filter: invert(14%) sepia(134%) saturate(160%) hue-rotate(143deg) brightness(290%) contrast(110%);}
.DarkTheme .MonthBtn img{ filter: invert(14%) sepia(134%) saturate(160%) hue-rotate(143deg) brightness(290%) contrast(110%);}
.DarkTheme .ProjectInfo{background:#24272c; border:1px solid rgba(72,77,88,0.7); box-shadow:inset -2px -1px 4px rgba(255,255,255,0.05), inset -5px 4px 5px rgba(0,0,0,0.05), 4px 4px 3px rgba(22,33,73,0.2), -5px -4px 5px rgba(0,0,0,0.05), 3px 3px 16px rgba(0,0,0,0.8);}
.DarkTheme .ProjectInfo .ProjectModify{background:#2d575b; /*background-image: linear-gradient(120deg, #3f9787, #30bd6b);*/ border:1px solid #6e837f; box-sizing:border-box; /*box-shadow: inset 0px 0px 5px rgba(171,225,216,0.7);*/}
.DarkTheme .ProjectInfo ul li{color:#fff;}
.DarkTheme .StepOuter{background-image: linear-gradient(120deg, #24272c, #2a2d35); border:1px solid rgba(72,77,88,0.7); box-shadow: inset -2px -1px 4px rgba(255,255,255,0.05),1px 3px 18px rgba(0,0,0,0.6);}
.DarkTheme .StepOuter ul li{ background:transparent; box-shadow:inset 1px 1px 10px rgba(64,255,190,0.5); border-color:#41ad90;}
.DarkTheme .StepOuter ul li img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity:1;}
.DarkTheme .StepOuter ul li span{color:#fff;}
.DarkTheme .StepOuter ul li.UnitProcess {border-color:#acdfac; box-shadow:inset 1px 1px 10px rgba(166,219,166,0.5);}
.DarkTheme .StepOuter ul li.DeactivationLi{}
.DarkTheme .StepOuter ul li.DisabledLi{border-color: transparent; background: #64676b; color: #7c8697; box-shadow:none;}
.DarkTheme .StepOuter ul li.DisabledLi img{opacity:0.75;}
.DarkTheme .StepOuter ul li.DisabledLi span{opacity:0.8;}
.DarkTheme .StepOuter ul li.OngoingLi{}
.DarkTheme .StepOuter ul li.CurrentActivation{background-color:#022d2d;}
.DarkTheme .TabContainer{background-image: linear-gradient(120deg, #24272c, #2a2d35); box-shadow: inset -2px -1px 4px rgba(255, 255, 255, 0.05), 1px 3px 18px rgba(0, 0, 0, 0.6);}
.DarkTheme .TabMenuList{background:rgba(5,11,14,0.6);}
.DarkTheme .TabMenuList .DefaultBtnFinish{}
.DarkTheme .TabMenu{}
.DarkTheme .TabMenu:first-child{}
.DarkTheme .TabContent{box-shadow:none;}
.DarkTheme .TabActive {background:#24272c; color:#fff;}
.DarkTheme .TabActive:before{background:#a9e7d6;}
.DarkTheme .TabActive:after {background:#24272c;}

.DarkTheme .SearchArea { box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.2), 4px 4px 4px rgba(22, 33, 73, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); background:rgba(255,255,255,0.03);}
.DarkTheme .SearchArea .SearchOuter li .Lilnner .SearchTh{color:#fff; font-weight:400;}
.DarkTheme .WriteTip{border:none; border-top:1px solid rgba(255,255,255,0.9); }
.DarkTheme .WriteTip .WriteTipTit{background:transparent; border-bottom:1px solid rgba(255,255,255,0.3);}
.DarkTheme .WriteTip .WriteTipTit span{color:#fff; font-weight:300;}
.DarkTheme .WriteTip .WriteTipTit span:after{background:url(../img/content/writetip_img_dark.png) center center no-repeat;}
.DarkTheme .WriteTip .WriteTipTit img{}
.DarkTheme .WriteTipTxt {background:transparent; color:#fff; border-top:none; border-bottom:1px solid rgba(255,255,255,0.3); font-weight:200;}

.DarkTheme .BtnMDSD.Attatched span,
.DarkTheme .BtnAttachStatus.Attatched span{color:#28daa9;}
.DarkTheme .BtnMDSD.Attatched img, 
.DarkTheme .BtnAttachStatus.Attatched img{filter:invert(14%) sepia(134%) saturate(950%) hue-rotate(135deg) brightness(123%) contrast(110%);}

.DarkTheme .DefaultCheck input[type="checkbox"]:checked + .CheckIcon { }
.DarkTheme .DefaultCheck input[type="checkbox"]:disabled + .CheckIcon { background: rgba(255,255,255,0.2);}

.DarkTheme .DefaultCheck input[type="checkbox"]{display: none;}
.DarkTheme .DefaultCheck input[type="checkbox"] + .CheckIcon {background: rgba(255,255,255,0.07) url(../img/content/check_ico_off.png) no-repeat center top; }
.DarkTheme .DefaultCheck input[type="checkbox"]:checked + .CheckIcon {background: url(../img/content/check_ico_on_dark.png) no-repeat center top;}
.DarkTheme .DefaultCheck .CheckTxt{color:#616476;}
.DarkTheme .DefaultCheck input[type="checkbox"]:disabled + .CheckIcon{background: #525357; border:1px solid transparent;}
.DarkTheme .DefaultCheck input[type="checkbox"]:checked:disabled + .CheckIcon{background: url(../img/content/check_ico_ban_checked.png) no-repeat center top; border:1px solid transparent;}

/*라디오박스*/
.DarkTheme .DefaultRadio{color:#fff; font-weight:300;}
.DarkTheme input[type='radio']:before,
.DarkTheme input[type='radio']:checked:before{background: #fff; box-shadow: -2px -2px 3px rgba(255,255,255,0.3), 2px 2px 2px rgba(45,49,108,0.1);} 
.DarkTheme input[type='radio'] { background-color: #a8acb9;}
.DarkTheme input[type='radio']:checked { background: #17996a; box-shadow: inset 2px 2px 3px rgb(176, 231, 221, 0.8), inset -3px -2px 5px rgba(45,49,108,0.16);}
.DarkTheme input[type='radio']:disabled{ background: #9ea2af !important; }
.DarkTheme input[type='radio']:checked:disabled{ background: #686b77 !important; box-shadow: none;}
.DarkTheme input[type='radio']:checked:disabled:before{ box-shadow:none;}
.DarkTheme input[type='radio']:disabled:before,
.DarkTheme input[type='radio']:checked:disabled:before{background:#ecf1f3; box-shadow:none; left:3px; top:3px;}

.DarkTheme .AttOuterB .AttListB .AttItemB{background:transparent;}
.DarkTheme .AttOuterB .AttListB .AttItemB .FileNameB{color:#fff;}
.DarkTheme .AttOuterB .AttListB .AttItemB .FileNameB::placeholder{color:#cacad5;}
.DarkTheme table.DefaultTable .AttOuterB .AttListB .AttItemB .FileNameB::placeholder,
.DarkTheme table.DefaultTableB .AttOuterB .AttListB .AttItemB .FileNameB::placeholder{color:#cacad5;}
.DarkTheme .ClickTr .AttOuterB .AttListB .AttItemB .FileNameB{background:transparent;}
.DarkTheme .AttOuterB .AttUploadBtnB{ background: transparent; border: 1px solid #c9dfd9; box-shadow: inset 1px 1px 5px rgba(255, 255, 255, 0.2); color: #c9dfd9;}
.DarkTheme .AttOuterB .AttCloseBtnB{background:rgba(255,255,255,0.3);}
.DarkTheme .AttOuterB .AttCloseBtnB img{filter:brightness(0) invert(1);}
.DarkTheme .NotificationTxt{background:rgb(188 236 255 / 10%); }
.DarkTheme .NotificationTxt p{color:#fff; font-weight:300;}


.DarkTheme .select2-container--default .select2-selection--single { color: rgba(255, 255, 255, 0.9); background: transparent url(../img/content/select_ico_w.png) no-repeat right 10px top 10px !important; font-weight: 300;}
.DarkTheme .NoneBorder .select2,
.DarkTheme .NoneBorder .select2-container--default .select2-selection--single { border:1px solid transparent !important;}
.DarkTheme .NoneBorder .select2-container--default .select2-selection--single { background: transparent !important; }
.DarkTheme .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgba(255, 255, 255, 0.9);}
.DarkTheme .select2-dropdown{color:#fff !important; background:#576671 !important; font-weight:300 !important;}

.DarkTheme .WriteOuterB{box-shadow:inset 5px 5px 3px rgba(255,255,255,0.1),4px 4px 4px rgba(22,33,73,0.2), inset -5px -4px 5px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.5); background:rgba(255,255,255,0.02);}
.DarkTheme .WriteDefaultB .WriteTd .ImgOuter{background:transparent;}
.DarkTheme .WriteDefaultB .WriteTd .ImgOuter img{filter:invert(14%) sepia(134%) saturate(150%) hue-rotate(143deg) brightness(290%) contrast(110%);-webkit-filter:invert(14%) sepia(134%) saturate(150%) hue-rotate(143deg) brightness(290%) contrast(110%);}
.DarkTheme .WriteDefaultB .WriteTh{color:#fff; font-weight:400;}
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner span{color:#fff;}
.DarkTheme .systemLineImgBg,
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner textarea,
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner input[type=text],
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner input[type=number],
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner input[type=email],
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner input[type=password]{background:transparent;}
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner select{background:transparent url(../img/content/select_ico_w.png) no-repeat right 10px top 13px;}
.DarkTheme .systemLineImg li{    box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.3), 4px 4px 4px rgba(22, 33, 73, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.03);}
.DarkTheme .systemLineImg li.Activation{border: 1px solid #369175; box-shadow: inset 1px 1px 6px rgb(98, 225, 202, 0.5); background:#1e51b0;}
.DarkTheme .WriteDefaultB li.W100p{ box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.3), 4px 4px 4px rgba(22, 33, 73, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.03);}
.DarkTheme .WriteDefaultB li.W100p ul{box-shadow:none;}

.DarkTheme .EssentialWrite input[type=text], 
.DarkTheme .EssentialWrite input[type=number], 
.DarkTheme .EssentialWrite input[type=date], 
.DarkTheme .EssentialWrite input[type=password], 
.DarkTheme .EssentialWrite textarea, 
.DarkTheme .EssentialWrite select, 
.DarkTheme .EssentialWrite .WriteTdBg {background-color:transparent !important;}
.DarkTheme .EssentialWrite .WriteTh span:first-child:before{background:url(../img/content/essential_bull_w.png);}

.DarkTheme .InputDate:after{background-image:url(../img/content/calendar_ico_w.png);}

.DarkTheme .ToggleSwitch { background-color: transparent; border: 1px solid #369175; }
.DarkTheme .ToggleSwitch:after{color:#369175;}
.DarkTheme .ToggleSwitch:before{color:#369175; opacity: 1; }
.DarkTheme .ToggleSwitch .ToggleButton { background: rgba(255,255,255,0.2); box-shadow:inset 0px 0px 4px rgba(255,255,255,0.3),1px 3px 18px rgba(0,0,0,0.6);}
/*.DarkTheme .Toggle ~ .ToggleSwitch:before{color:#17b398;}*/
.DarkTheme .Toggle ~ .ToggleSwitch:before{color:#fff;}
.DarkTheme .Toggle ~ .ToggleSwitch:after{color:#fff;}
.DarkTheme .Toggle:checked ~ .ToggleSwitch:before{color:#fff;}
.DarkTheme .Toggle:checked ~ .ToggleSwitch {background: rgba(255,255,255,0.1);  }
.DarkTheme .Toggle:checked ~ .ToggleSwitch .ToggleButton { box-shadow: inset 1px 1px 6px rgb(98, 225, 202, 0.8);}


.DarkTheme .LiDefaultB li.LiCircle{color:#fff; font-weight:300;}
.DarkTheme .LiDefaultB li.LiCircle:after{background:#95e295;}

.DarkTheme .WriteDefaultB .WriteTd .ImgOuter .ImgCloseBtn{background:none;}
.DarkTheme .AttachedTxt{color:#b5e7d9;}

.DarkTheme .ModalWrap{background:rgba(51,53,57,0.9); box-shadow:inset 0px 0px 10px rgba(255, 255, 255, 0.1), 4px 4px 4px rgba(22, 33, 73, 0.2);}
.DarkTheme .ModalHeader h3,
.DarkTheme .ModalContent > .FcNavy {color:#fff;}
.DarkTheme .ModalClose{background:none;}

.DarkTheme .LiDefault li{color:#fff; font-weight:300;}

/*sumo 셀렉트*/
.DarkTheme .SumoSelect > .CaptionCont{border:1px solid #bbc7d1 !important;  background:transparent !important;}
.DarkTheme .SumoSelect > .CaptionCont > label > i{background:transparent url(../img/content/select_ico.png) no-repeat right 3px top 6px !important; filter:brightness(0) invert(1);}
.DarkTheme .WriteDefaultB .WriteTd .WriteTdInner .SumoSelect{ background-color:transparent !important;}
.DarkTheme .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, 
.DarkTheme .SumoSelect .select-all.selected > span i, 
.DarkTheme .SumoSelect .select-all.partial > span i{background-color:#1e51b0 !important;}
.DarkTheme .SumoSelect > .optWrapper{background:#576671; border:none;}
.DarkTheme .SumoSelect > .optWrapper > .options li.opt{border-bottom:none;}
.DarkTheme .SumoSelect > .optWrapper > .options li.opt:hover{background-color:#424b51;}


.DarkTheme .LiDefaultB li{color:rgba(255,255,255,0.8); font-weight:300;}
.DarkTheme .LiDefaultB li.LiTitle{color:#fff; font-weight:500;}
.DarkTheme .WriteTip .WriteTipTit img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/*다이어그램*/
/*.DarkTheme .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, 
.DarkTheme .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon, 
.DarkTheme .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, 
.DarkTheme .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon,
.DarkTheme .dx-button-mode-text .dx-icon,
.DarkTheme .dx-dropdowneditor-icon::before,
.DarkTheme .dx-icon-undo:before{color:#fff;}
.DarkTheme .dx-diagram-i-line-solid{filter:invert(100%);}*/
.DarkTheme .dx-diagram{background:#fff; color:#111;}
.DarkTheme .dx-dropdowneditor-button-visible .dx-texteditor-input{ color:#111;}
.DarkTheme .dx-editor-filled .dx-texteditor-input{ color:#111;}


.DarkTheme .swal2-popup{background:#2e3033;}
.DarkTheme .swal2-image{filter:brightness(0) invert(1);}
.DarkTheme .swal2-title{color:#fff;}
.DarkTheme .swal2-html-container{color:rgba(255,255,255,0.8);}
.DarkTheme .swal2-styled.swal2-cancel.swal2-cancelbtn{background:transparent !important; color:#fff !important; border-color:#fff !important;}


/*
    정현직 임시
*/
.ProcessOuter div {display:flex; justify-content:left; padding: 0px 0px 0px 10px;}
/*.ProcessOuter div div{text-align:center; min-width:145px; height:80px; padding:8px 15px 8px 8px; box-sizing:border-box; border-radius:60px; display:flex;  align-items: center; margin:0 20px; position:relative; cursor:pointer;}*/
/*.ProcessOuter div div:after{position: absolute; right: -29px; top: 50%; transform:translateY(-11px); content:''; width:14px; height: 22px; background:url(../img/content/step_bull02.png)  no-repeat center center;}*/
/*.ProcessOuter div div.UnitProcess:after{position: absolute; right: -30px; top: 50%; transform:translateY(-11px); content:''; width:14px; height: 22px; background:url(../img/content/step_bull01.png)  no-repeat center center; }*/
/*.ProcessOuter div div:last-child:after{display:none;}*/
/*.ProcessOuter div div.DeactivationLi img,*/
/*.ProcessOuter div div.OngoingLi img{ brightness(0) invert(1); filter: brightness(0) invert(1); opacity:0.65;}*/
/*.ProcessOuter div div span{font-size:13px; font-weight:500; line-height:1; display:inline-block; word-break:keep-all; padding: 0 0px 0 7px; }
.ProcessOuter div div.UnitProcess span{color: #194a8c;}
.ProcessOuter div div .StepImgOuter{ display: inline-block; line-height: 1; font-size: 0; background: var(--default-point); border-radius:50%; padding:6px; }
.ProcessOuter div div img{ width:16px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}*/

.alertTableEmpty {padding: 30px; background: var(--lightblue-bg); border: 1px solid #81d4fa; border-radius: 12px; color: #1e3a8a; text-align: center; max-width: 500px; margin: 40px auto; box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.alertTableEmpty img{width:40px;}
.alertTableEmpty .textIn{font-size: 18px; font-weight: 500;}


.SeperateOuter{gap:15px;}
.SeperateOuter:after{ clear:both; content: "";  display: block;}
.SeperateOuter .SeperateItem{border:1px solid #ddd; padding:15px 20px; border-radius:0px;  float:left; }
.SeperateOuter .SeperateItem02{padding:15px 10px 15px 10px; width:250px;}
.SeperateOuter .SeperateItem03{flex:1 1 auto; float:right; width:calc(100% - 265px);}
.SeperateOuter .SeperateItemTab{border:none; padding:0;   flex-direction: column; flex:1 1 auto; min-height:0;}
.SeperateOuter .SeperateItem .SeperateTit{font-size:18px; margin-bottom:10px;}
.SeperateOuter .SeperateItem02 .SeperateTit{ margin-left:10px;}
.YearTab{display:flex; gap:10px; flex-direction:column; overflow-y:auto; height:600px; padding:0 10px;}
.YearTab li button{background:#fff; padding:6px 15px 4px; border-radius:10px; box-shadow: 1px 1px 10px rgba(0,0,0,0.1); box-sizing:border-box; border:2px solid transparent; min-width:120px; font-size:15px; width:100%; word-break: keep-all; white-space: nowrap;}
.YearTab li.Active button{ border:2px solid #3f57e3;  box-shadow: 1px 1px 10px rgba(63,87,227,0.2); color:#3f57e3; word-break: keep-all; white-space: nowrap;}
.BgLGrayItem{background:#f7f8fa; padding:10px; border-radius:10px;} 
.BgLGrayItem{background:#f7f8fa; padding:10px; border-radius:10px;}
.SeperateOuter .SeperateItemTab .TabContainer{  margin-bottom:0; min-width: 0;}
.SeperateOuter .SeperateItemTab .TabContainer .TabBorder{border:1px solid #ddd; margin-top:15px; padding:15px; border-radius:0px; overflow-y: auto;   min-height: 0; height:614px; min-width: 0; }
.SeperateOuter .SeperateItemTab .TabContainer .TabBorder .TabContent{padding:0; min-width:0;}

#BlueLoadingOverlay {position: fixed;z-index: 99999;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 30, 60, 0.5); display: flex;align-items: center;justify-content: center;}
.blue-spinner {width: 80px;height: 80px;border: 10px solid #cce0ff;border-top: 10px solid #3f57e3; border-radius: 50%;animation: spin 1.2s linear infinite;}
@keyframes spin {to {transform: rotate(360deg);}}