body{overflow-y:hidden}.wrap{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;&:has(.login-box){background:url(../images/login-bg2.png) no-repeat center / cover}}.flex-wrap{display:flex;justify-content:space-between;align-items:center;overflow:auto}.flex-center-wrap{display:flex;justify-content:center}.header{width:100%;height:6rem}.content{flex:1;display:flex;width:100%}.footer{width:100%}.sidebar{position:relative;transition:all 0.3s}.menu-item{transition:all 0.2s}.submenu,.sub-submenu{transition:all 0.2s}.content-main{flex:1}span:after{content:attr(data-unit);color:currentColor;font-size:calc(1em - 0.2rem);font-weight:400;opacity:.8;padding-left:var(--gap-005)}.input-unit{position:relative;font-size:1.45rem;width:100%;.input-box{padding-right:4rem}&:after{position:absolute;right:var(--gap-010);top:50%;transform:translateY(-50%);content:attr(data-unit);color:currentColor;font-size:calc(1em - 0.2rem);opacity:.8}}.chip-ing{display:flex;align-items:center;gap:var(--gap-005);&:before{content:'';display:inline-block;width:.7rem;height:.7rem;border-radius:.7rem;background:var(--ing)}&:after{content:attr(data-label);display:inline-block;color:var(--ing);font-size:1.25rem;font-weight:500}}.chip-complete{display:flex;align-items:center;gap:var(--gap-005);&:before{content:'';display:inline-block;width:.7rem;height:.7rem;border-radius:.7rem;background:var(--true)}&:after{content:attr(data-label);display:inline-block;color:var(--true);font-size:1.25rem;font-weight:500}}.chip-review{display:flex;align-items:center;gap:var(--gap-005);&:before{content:'';display:inline-block;width:.7rem;height:.7rem;border-radius:.7rem;background:var(--examine)}&:after{content:attr(data-label);display:inline-block;color:var(--examine);font-size:1.25rem;font-weight:500}}.chip-companion{display:flex;align-items:center;gap:var(--gap-005);&:before{content:'';display:inline-block;width:.7rem;height:.7rem;border-radius:.7rem;background:var(--false)}&:after{content:attr(data-label);display:inline-block;color:var(--false);font-size:1.25rem;font-weight:500}}.chip-pdf{display:flex;width:5.2rem;height:2.4rem;background:url(../images/icon-pdf.svg)no-repeat center / 100% auto}.chip-ppt{display:flex;width:5.2rem;height:2.4rem;background:url(../images/icon-ppt.svg)no-repeat center / 100% auto}.chip-count{display:flex;justify-content:center;gap:var(--gap-005);padding:var(--gap-005) var(--gap-015);background:var(--label-type-08);width:8rem;height:2.4rem;border-radius:2.4rem;color:var(--text-08);font-weight:700;&:after{content:attr(data-unit);font-size:1.2rem;font-weight:500;opacity:.7}}.badge{display:flex;align-items:center;justify-content:center;border-radius:50rem;padding:var(--gap-005) var(--gap-010);background:var(--gray-05);width:fit-content;min-width:5.5rem;height:2.4rem;flex-shrink:0;&.work1{background:var(--work);gap:var(--gap-005);width:auto;height:3rem;white-space:nowrap;animation:work 2s infinite linear alternate;padding:var(--gap-005) var(--gap-010);& .icon{display:inline-block;width:1.6rem;height:1.6rem;flex-shrink:0;background:url(../images/i16-go.svg) no-repeat center / 100% auto;animation:work2 0.5s infinite linear alternate}& .text{font-size:1.4rem;font-weight:500;color:var(--white-01)}}&.stop1{background:var(--stop);gap:var(--gap-005);height:3rem;white-space:nowrap;& .icon{display:inline-block;width:1.6rem;height:1.6rem;flex-shrink:0;background:url(../images/i16-stop.svg) no-repeat center / 100% auto}& .text{font-size:1.4rem;font-weight:500;color:var(--text-09)}}&.automatic{background:var(--automatic);&:after{content:'자동';font-size:1.2rem;font-weight:500;color:var(--white-01)}}&.passivity{background:var(--passivity);&:after{content:'수동';font-size:1.2rem;font-weight:500;color:var(--white-01)}}&.mode-stop{background:var(--stop);&:after{content:'정지';font-size:1.2rem;font-weight:500;color:var(--text-09)}}&.passivity-use{background:var(--r-pass);&:after{content:'수동선택';font-size:1.2rem;font-weight:500;color:var(--white-01)}}&.passivity-stop{background:var(--passivity);&:after{content:'수동해제';font-size:1.2rem;font-weight:500;color:var(--white-01)}}&.work{background:var(--work);gap:var(--gap-005);width:7.2rem;height:3rem;white-space:nowrap;animation:work 2s infinite linear alternate;&:after{content:'동작';font-size:1.4rem;font-weight:500;color:var(--white-01)}&:before{content:'';display:inline-block;width:1.6rem;height:1.6rem;flex-shrink:0;background:url(../images/i16-go.svg) no-repeat center / 100% auto;animation:work2 0.5s infinite linear alternate}.cooling-item &{background:transparent!important;padding:0;width:fit-content}}&.stop{background:var(--stop);gap:var(--gap-005);width:7.2rem;height:3rem;white-space:nowrap;&:after{content:'정지';font-size:1.4rem;font-weight:500;color:var(--text-09)}&:before{content:'';display:inline-block;width:1.6rem;height:1.6rem;flex-shrink:0;background:url(../images/i16-stop.svg) no-repeat center / 100% auto}.cooling-item &{background:#fff0;padding:0;width:fit-content}}&.w-level-hh{background:var(--w-hh);&::before{content:'HH';color:var(--white-01);font-size:1.4rem;font-weight:600}}&.w-level-h{background:var(--w-h);&::before{content:'H';color:var(--white-01);font-size:1.4rem;font-weight:600}}&.w-level-l{background:var(--w-l);&::before{content:'L';color:var(--white-01);font-size:1.4rem;font-weight:600}}&.w-level-ll{background:var(--w-ll);&::before{content:'LL';color:var(--white-01);font-size:1.4rem;font-weight:600}}&.w-level-empty{background:var(--disabled);&::before{content:'EMPTY';color:var(--white-01);font-size:1.4rem;font-weight:600}}}@keyframes work{0%{background:var(--work)}100%{background:var(--work2)}}@keyframes work2{0%{opacity:1}100%{opacity:0}}.dashboard-grid{display:grid;gap:var(--gap-020);grid-template-columns:repeat(12,1fr);.table-top-right{button{color:var(--text-09)}}}.noti-chip{border:1px solid var(--gray-05);padding:.2rem .6rem;border-radius:.5rem;background:rgb(179 179 179 / .2);font-size:1.3rem;margin-right:.5rem}.d-chart{display:flex;justify-content:center;align-items:center;background:rgb(255 0 0 / .1);height:100%;min-height:20rem;font-size:1.5rem;color:rgb(255 0 0 / .5)}.header{display:flex;position:sticky;top:0;z-index:100;background:var(--white-01);box-shadow:rgb(149 157 165 / .15) 0 8px 24px;.logo-type{display:flex;align-items:center;width:26rem;flex-shrink:0;padding:0 var(--gap-015);height:6rem;img{width:17rem}}.h-top{margin-left:auto;height:6rem;font-size:1.4rem;color:var(--text-03);display:flex;align-items:center;gap:var(--gap-020);padding:0 var(--gap-015);strong{font-weight:600;color:var(--text-01)}>div{display:flex;align-items:center;gap:var(--gap-010);height:5rem}}.header-right{display:flex;justify-content:space-between;align-items:center;width:100%}}.content{background:var(--bg-01)}.content-main{padding:var(--gap-020);height:calc(100vh - 6rem);overflow:auto}.form-wrap-01{display:flex;align-items:center;gap:var(--gap-010);&:has(button){justify-content:flex-end;width:100%}h2{width:100%;span{display:inline-block;font-weight:500;color:var(--text-02);&::before{content:'';margin-inline:1rem;display:inline-block;vertical-align:middle;width:.7rem;height:.7rem;border-radius:5rem;background:var(--text-03)}}}&.d4{width:100%;>label{flex:1}>div{flex:1;text-align:center;display:flex;justify-content:center;align-items:center;label{width:100%}}>input{flex:1}}}.form-item{display:flex;align-items:center;gap:var(--gap-005);align-self:flex-end;.green-card &{width:100%}&:has(.radio-type-01){width:100%;gap:var(--gap-010)}&.sb{justify-content:space-between}&.d4{width:100%;>label{flex:1}>div{flex:1;text-align:center;display:flex;justify-content:center;align-items:center}>input{flex:1}}}.label-title{width:100%;font-size:1.3rem;font-weight:500;&.type-02{font-size:1.6rem;font-weight:600;color:var(--text-01);width:clamp(10rem, 100%, 20rem)}&.type-03{font-size:1.4rem;white-space:nowrap;font-weight:500;color:var(--white-01);background:var(--header-color-01);padding:var(--gap-010) var(--gap-015);border-radius:var(--gap-005);text-align:center;min-width:7rem;width:clamp(10rem, 100%, 20rem);height:3.2rem;display:flex;justify-content:center;align-items:center;align-self:stretch}&.type-04{font-size:1.4rem;font-weight:600;color:var(--text-01);width:clamp(10rem, 100%, 15rem);flex-shrink:0}&.type-05{font-size:1.4rem;white-space:nowrap;font-weight:500;color:var(--white-01);background:var(--header-color-01);padding:var(--gap-010) var(--gap-010);border-radius:var(--gap-005);text-align:center;width:clamp(10rem, 100%, 12rem);height:3.2rem;display:flex;justify-content:center;align-items:center;align-self:stretch}}.label-num{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.3rem;font-weight:700;background:var(--bg-02);flex-shrink:0;border-radius:.3rem}.grid-col-1{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--gap-010) var(--gap-020)}.grid-col-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-010) var(--gap-020);&:has(.white-card.jebedong.detail){display:block}&.min-width{min-width:1585px}}.grid-col-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-020)}.grid-col-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-020)}.grid-col-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap-020)}.grid-col-6{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap-020)}.grid-col-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-020)}.grid-item-2{grid-column:span 2}.grid-item-3{grid-column:span 3}.grid-item-4{grid-column:span 4}.grid-item-5{grid-column:span 5}.grid-item-6{grid-column:span 6}.grid-item-7{grid-column:span 7}.grid-item-8{grid-column:span 8}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-015)}.grid-simple{display:grid;grid-template-columns:repeat(auto-fill,minmax(600px,1fr));gap:var(--gap-015);&.small{width:40rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.jebedong{&.white-card{container-type:inline-size;container-name:card-01;cursor:pointer;&:hover{box-shadow:inset 0 0 0 3px rgb(155 173 255 / .5)}&.detail{.title{display:flex;justify-content:center;align-items:center;gap:var(--gap-010);position:relative;span{min-width:10rem;text-align:center}button{width:1.6rem;height:1.6rem;border:1px solid var(--line-02);padding:var(--gap-010);i{width:1.8rem;height:1.8rem;opacity:.5}}button.back{position:absolute;left:0;border:0;width:3rem;height:3rem}}}.white-right{.l-item{}}}.dong{align-items:flex-start;gap:var(--gap-030)}}.white-card{display:flex;flex-direction:column;gap:var(--gap-010);background:var(--white-01);border-radius:var(--gap-010);padding:var(--gap-015);.title{font-size:1.4rem;font-weight:600;button{width:inherit;height:inherit;border:0;padding:0;i{width:1.8rem;height:1.8rem;opacity:.5}}}.white-info{font-size:1.4rem;label{color:var(--text-06)}span{font-weight:600}>div{display:flex;gap:var(--gap-010)}}.white-left{display:flex;flex-direction:column;gap:var(--gap-005);hr{border-top:1px dashed var(--line-04)}.l-item{padding:0;border-radius:0;border:0;background:#fff0;gap:var(--gap-005);.badge{height:2.4rem;&:after{font-size:1.2rem}}}.water-level{.HH,.H,.L,.LL{height:4rem;padding:0 var(--gap-020);justify-content:space-between;&:before{font-size:1.4rem}span{font-size:1.2rem;font-weight:500;&:after{content:attr(data-unit);color:currentColor;font-size:inherit;font-weight:inherit;opacity:.8;padding-left:var(--gap-005)}}}.p-right label{font-size:1.2rem}}}.white-right{display:flex;flex-direction:column;gap:var(--gap-010);.l-item{height:6rem;gap:var(--gap-005)}}}.green-card{display:flex;flex-direction:column;border:1px solid var(--line-02);background:var(--white-01);border-radius:var(--gap-010);.title{font-size:1.4rem;font-weight:600;padding:var(--gap-010) var(--gap-015);color:var(--green-text);background:linear-gradient(90deg,var(--green-bg-01) 0%,var(--green-bg-02) 100%);border-top-left-radius:var(--gap-010);border-top-right-radius:var(--gap-010);.form-item{.label-title{color:var(--green-text)}}}[class*="grid-col-"]{padding:var(--gap-010) var(--gap-015)}}.gray-card{display:flex;padding:var(--gap-010) var(--gap-015);background:var(--gray-06);border-radius:var(--gap-010);[class*="grid-col-"]{padding:var(--gap-010) var(--gap-015)}.label-title{width:fit-content;min-width:7rem;color:var(--text-02);font-weight:600;&.sub{color:var(--text-03)}}label{&.radio-type-01{width:4rem!important;height:3.2rem;min-width:auto!important}}button.btn{min-width:7rem;width:auto}&.dy2{flex-direction:column;padding:var(--gap-015) var(--gap-020);gap:var(--gap-005);.title{justify-content:flex-start!important}.grid-col-2{padding:var(--gap-005) 0}hr{border-top:1px solid var(--line-02)}}}.plant-room{border:1px solid var(--green-bg-01);border-radius:var(--gap-010);cursor:pointer;.title{font-size:1.4rem;font-weight:600;padding:0 var(--gap-015);height:4.4rem;color:var(--green-text);background:var(--green-bg-02);border-top-left-radius:var(--gap-010);border-top-right-radius:var(--gap-010);display:flex;align-items:center;justify-content:space-between;div{display:flex;gap:var(--gap-005)}&~div{padding:var(--gap-005) var(--gap-015);border-bottom:1px dashed var(--line-02);height:4rem;display:flex;justify-content:space-between;align-items:center;gap:var(--gap-015);&:last-of-type{border-bottom:none}span{font-size:1.4rem;color:var(--gray-03);font-weight:600}}}&.active{border:1px solid var(--green-line);outline:4px solid rgb(64 179 131 / .3);.title{background:var(--green-bg-03);color:var(--white-01);.i32-setting{background:url(../images/i32-setting-2.svg)}.i32-info{background:url(../images/i32-info-2.svg)}}}&.warning{border:1px solid var(--false);.title{background:var(--red-bg-01);color:var(--false);.i32-setting{background:url(../images/i32-setting-2.svg)}.i32-info{background:url(../images/i32-info-2.svg)}}&.active{outline:4px solid rgb(255 0 0 / .1);animation:warning 0.5s infinite linear alternate;.title{background:var(--red-bg-02);color:var(--white-01)}}}&.disabled{border:1px solid var(--gray-05);.title{background:var(--gray-06);color:var(--gray-04);.i32-setting{background:url(../images/i32-setting-2.svg)}.i32-info{background:url(../images/i32-info-2.svg)}}label,span{color:var(--gray-04)!important}.chk-onoff,.badge{opacity:.5}&.active{border:1px solid var(--gray-04);outline:4px solid rgb(173 173 173 / .3);.title{background:var(--gray-04);color:var(--white-01)}}}}@keyframes warning{0%{outline:4px solid #fff0}100%{outline:4px solid rgb(255 0 0 / .3)}}.section-top{padding-bottom:var(--gap-010);border-bottom:1px solid var(--line-03)}.hight-vh{height:calc(100vh - 69.5rem)!important}.hight-full{height:calc(100vh - 15.5rem)!important}.card-type-01{display:flex;flex-direction:column;background:var(--bg-02);border-radius:var(--gap-010);padding:var(--gap-015);position:relative;height:fit-content;padding-right:0;.label-title{width:100%}.scrollBar{display:flex;flex-direction:column;gap:var(--gap-010);overflow:auto;scrollbar-gutter:stable;&::-webkit-scrollbar{width:1.5rem}&::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-02);border-radius:1.5rem;background-clip:padding-box;border:.5rem solid #fff0}&::-webkit-scrollbar-track{background-color:#fff0;border-radius:1.5rem}}}.card-type-02{display:flex;flex-direction:column;background:var(--bg-03);border-radius:var(--gap-010);padding:var(--gap-015);position:relative;height:fit-content;padding-right:0;.scrollBar{display:flex;flex-direction:column;gap:var(--gap-010);overflow:auto;scrollbar-gutter:stable;height:100%;&::-webkit-scrollbar{width:1.5rem}&::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-02);border-radius:1.5rem;background-clip:padding-box;border:.5rem solid #fff0}&::-webkit-scrollbar-track{background-color:#fff0;border-radius:1.5rem}}}.card-type-03{display:flex;flex-direction:column;background:var(--bg-02);border:1px solid var(--line-06);border-radius:var(--gap-010);padding:var(--gap-015);position:relative;padding-right:0;hr.line-01{border-top:1px dashed var(--line-03)}&.search-form{flex-direction:row;padding:var(--gap-015)}&.search-form2{flex-direction:column;padding:var(--gap-015)}.scrollBar{display:flex;flex-direction:column;gap:var(--gap-010);overflow:auto;scrollbar-gutter:stable;height:100%;&::-webkit-scrollbar{width:1.5rem}&::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-02);border-radius:1.5rem;background-clip:padding-box;border:.5rem solid #fff0}&::-webkit-scrollbar-track{background-color:#fff0;border-radius:1.5rem}}}.card-type-04{display:flex;flex-direction:column;background:var(--bg-03);border:1px solid var(--line-08);border-radius:var(--gap-010);padding:var(--gap-015);position:relative;height:fit-content;padding-right:0;hr.line-01{border-top:1px dashed var(--line-03)}.scrollBar{display:flex;flex-direction:column;gap:var(--gap-010);overflow:auto;scrollbar-gutter:stable;height:100%;&::-webkit-scrollbar{width:1.5rem}&::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-02);border-radius:1.5rem;background-clip:padding-box;border:.5rem solid #fff0}&::-webkit-scrollbar-track{background-color:#fff0;border-radius:1.5rem}}}.cooling-item{display:flex;align-items:center;gap:var(--gap-030);padding:var(--gap-010) var(--gap-020);border-radius:var(--gap-010);background:linear-gradient(90deg,var(--cooling-bg-01) 0%,var(--cooling-bg-02) 100%);overflow:hidden;position:relative;font-size:1.6rem;.c-right{width:100%;margin-top:var(--gap-040)}.c-top{position:absolute;top:0;right:0;padding:var(--gap-010);background:linear-gradient(90deg,var(--gray-05) 0%,var(--gray-06) 100%);width:calc(100% - 12rem);height:3.6rem;strong{font-size:1.6rem;font-weight:600}&::before{content:'';display:inline-block;width:3.6rem;height:3.6rem;position:absolute;top:0;left:-3.6rem;border:1.8rem solid var(--gray-05);border-bottom:1.8rem solid #fff0;border-left:1.8rem solid #fff0}}.c-info{display:flex;justify-content:space-between;gap:var(--gap-015);.line-01{opacity:.2;margin:.65rem 0}.c-info-1{display:flex;flex-direction:column;justify-content:space-between}.c-info-2{width:100%;display:flex;flex-direction:column;div{display:flex;justify-content:space-between;label{color:var(--text-11)}span{color:var(--white-01)}}}}}.cooling-img-01{display:flex;justify-content:center;width:100%;height:6rem;background:url(../images/cooling-img-01.png) no-repeat center / 18.5rem auto}.cooling-img-02{display:flex;justify-content:center;width:100%;height:6rem;background:url(../images/cooling-img-02.png) no-repeat center / 18.5rem auto}.water-level{display:flex;flex-direction:column;border-radius:var(--gap-010);border:1px solid var(--line-03);overflow:hidden;background:var(--white-01);&:has(.H.active,.L.active,.LL.active,.EMPTY.active) .HH{background:var(--white-01)}&:has(.L.active,.LL.active,.EMPTY.active) .H{background:var(--white-01)}&:has(.LL.active,.EMPTY.active) .L{background:var(--white-01)}&:has(.EMPTY.active) .LL{background:var(--white-01)}.HH{height:5rem;background:#67AEF4;display:flex;align-items:center;justify-content:center;&:before{content:'HH';display:inline-block;padding:var(--gap-005) var(--gap-010);min-width:5rem;text-align:center;font-size:2rem;font-weight:600;color:var(--gray-04)}&.active{background:url(../images/wave-01.svg) repeat-x left 1rem / cover;animation:wave 2s infinite linear alternate;&:before{background:var(--white-02);border-radius:var(--gap-005);color:var(--text-04)}}}.H{height:5rem;background:#8EC7FF;display:flex;align-items:center;justify-content:center;&:before{content:'H';display:inline-block;padding:var(--gap-005) var(--gap-010);min-width:5rem;text-align:center;font-size:2rem;font-weight:600;color:var(--gray-04)}&.active{background:url(../images/wave-01.svg) no-repeat center 1rem / 120% auto;animation:wave 2s infinite linear alternate;&:before{background:var(--white-02);border-radius:var(--gap-005);color:var(--text-04)}}}.L{height:4.7rem;background:#B7DBFF;display:flex;align-items:center;justify-content:center;&:before{content:'L';display:inline-block;padding:var(--gap-005) var(--gap-010);min-width:5rem;text-align:center;font-size:2rem;font-weight:600;color:var(--gray-04)}&.active{background:url(../images/wave-01.svg) no-repeat center 1rem / 120% auto;animation:wave 2s infinite linear alternate;&:before{background:var(--white-02);border-radius:var(--gap-005);color:var(--text-04)}}}.LL{height:4.7rem;background:#D1E8FF;display:flex;align-items:center;justify-content:center;&:before{content:'LL';display:inline-block;padding:var(--gap-005) var(--gap-010);min-width:5rem;text-align:center;font-size:2rem;font-weight:600;color:var(--gray-04)}&.active{background:url(../images/wave-01.svg) no-repeat center 1rem / 120% auto;animation:wave 2s infinite linear alternate;&:before{background:var(--white-02);border-radius:var(--gap-005);color:var(--text-04)}}}}@keyframes wave{0%{background:url(../images/wave-01.svg) repeat-x 0rem 1rem / cover}100%{background:url(../images/wave-01.svg) repeat-x 10rem 1rem / cover}}.l-item{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-005) var(--gap-010);background:var(--white-01);border-radius:var(--gap-010);border:1px solid var(--line-04);&:has(.work){background:var(--item-bg);border:1px solid var(--item-line)}.l-item-left,.l-item-right{display:flex;align-items:center;gap:var(--gap-010)}strong{font-size:1.4rem;font-weight:600;color:var(--gray-02);white-space:nowrap}}#chk-slide{display:none;&:checked~.content .sidebar{width:0;padding:0;transition:all 0.3s 0.1s}&:checked~.content .sidebar .left-nav{padding:0;opacity:0;visibility:hidden;transition:all 0.2s}}.chk-slide2{display:inline-block;width:3.2rem;height:3.2rem;background:var(--sidebar);cursor:pointer;background:url(../images/i32-menu-type-02.svg) no-repeat center / 100% auto;flex-shrink:0}#chk-slide:checked~header .chk-slide2{background:url(../images/i32-menu-type-01.svg) no-repeat center / 100% auto}.sidebar{width:26rem;background:var(--sidebar);height:calc(100vh - 6rem);padding:var(--gap-015);flex-shrink:0;.nav-wrap{max-height:52rem;overflow:auto;&::-webkit-scrollbar{width:1.5rem}&::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-02);border-radius:1.5rem;background-clip:padding-box;border:.5rem solid #fff0}&::-webkit-scrollbar-track{background-color:#fff0;border-radius:1.5rem}}.left-nav{display:flex;flex-direction:column;height:100%;transition:all 0.2s 0.1s;position:relative;a{display:flex;align-items:center;gap:var(--gap-010);width:100%;padding:0 var(--gap-015);border-radius:var(--gap-005);font-size:1.3rem;color:var(--text-06);font-weight:500;height:4rem}.menu-item{&.active{>a{background:var(--sidebar-hover);color:var(--white-01);i{color:#77E6E6!important}}}&:has(+.submenu.open){a{background:var(--sidebar-hover);border-radius:0;border-top-left-radius:var(--gap-005);border-top-right-radius:var(--gap-005);color:var(--white-01)}}}.submenu{max-height:0;overflow:hidden;a{padding-left:3rem}&.open{border:1px solid var(--sidebar-hover);border-bottom-left-radius:var(--gap-005);border-bottom-right-radius:var(--gap-005)}}.sub-submenu{max-height:0;overflow:hidden;li{a{padding-left:4.5rem}&.active{>a{color:var(--active-color-01);font-weight:500;background:var(--white-05);border-radius:0}}}&.open{max-height:17.5rem;overflow-y:auto;&::-webkit-scrollbar{width:1.5rem}&::-webkit-scrollbar-thumb{background-color:var(--sidebar-text-02);border-radius:1.5rem;background-clip:padding-box;border:.5rem solid #fff0}&::-webkit-scrollbar-track{background-color:#fff0;border-radius:1.5rem}}}.submenu-item{&:has(.sub-submenu){>a{font-weight:500;background:none;border-radius:0}}&:has(.sub-submenu li.active){>a{color:var(--white-01)}}&.active{>a{color:var(--active-color-01);font-weight:500;background:var(--white-05);border-radius:0}&:has(.sub-submenu.open){>a{color:var(--white-01);font-weight:500;background:var(--white-05);border-radius:0}}}}.under-bottom{position:absolute;bottom:0;width:100%;p{color:var(--text-06);line-height:1.5}}.open{max-height:100rem}.left-text{display:flex;flex-direction:column;gap:var(--gap-005);color:var(--text-04);font-size:1.4rem;padding:0 var(--gap-015);.lt-01{font-size:1.4rem;font-weight:700;color:var(--text-04)}.lt-02{font-size:1.57rem;font-weight:700;color:var(--text-04)}.lt-03{font-size:5rem;font-weight:800;color:var(--text-04)}.lt-04{font-size:2.8rem;font-weight:600;color:var(--text-04)}}}}.future-map{display:flex;justify-content:center;align-items:center;width:fit-content;min-height:50rem;border-radius:var(--gap-020);border:12px solid #fff;outline:2px solid #ccc;overflow:hidden;margin:0 auto}.grow-wrap{display:flex;justify-content:space-between;align-items:flex-start;overflow:auto;padding:var(--gap-020)}.grow-map{width:fit-content;height:fit-content;border:12px solid #fff;outline:2px solid #ccc;overflow:auto;border-radius:var(--gap-020)}.empty-map{display:flex;justify-content:center;align-items:center;width:fit-content;min-width:100rem;min-height:50rem;border-radius:var(--gap-020);border:12px solid #fff;outline:2px solid #ccc;overflow:hidden}.wrap{height:100vh;min-width:920px}.login-box{display:flex;overflow:hidden;flex-direction:column;justify-content:flex-end;width:55rem;height:calc(100% - 20rem);max-height:59rem;border-radius:var(--gap-020);box-shadow:0 10px 24px 0 rgb(150 216 228 / .5);background-color:#fff;border:1px solid #fff0;background-image:linear-gradient(#fff,#fff),linear-gradient(to bottom,#27BDD4 0%,#aaecf7 100%);background-origin:border-box;background-clip:content-box,border-box;position:relative;&:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/login-bg3.png) no-repeat center bottom / cover;opacity:.2;pointer-events:none}}.login-right-wrap{padding:8rem;min-width:50rem;width:100%;position:relative;z-index:1}.login-right-wrap ul{display:flex;flex-direction:column;gap:var(--gap-005);li{display:inline-block;width:100%;text-align:center;img{display:inline-block;width:20rem}h1{font-size:2rem;font-weight:100;color:var(--green-text)}&.konoha-01{position:relative;&:after{content:'';display:block;width:12.2rem;height:5.5rem;background:url(../images/konoha-01.png) no-repeat center / 100% auto;position:absolute;top:-5rem;left:5rem;animation:kono-01 2s ease-in-out infinite alternate}}&.konoha-02{position:relative;z-index:2;&:after{content:'';display:block;width:13.7rem;height:4.1rem;background:url(../images/konoha-02.png) no-repeat center / 100% auto;position:absolute;top:-3.8rem;right:5rem;transform-origin:center bottom;animation:kono-01 2s 1s ease-in-out infinite alternate}}}}@keyframes kono-01{0%{transform:rotateY(0deg) skewY(0deg) scale(1)}25%{transform:rotateY(15deg) skewY(3deg) scale(1.02)}50%{transform:rotateY(0deg) skewY(0deg) scale(1)}75%{transform:rotateY(-10deg) skewY(-2deg) scale(.98)}100%{transform:rotateY(0deg) skewY(0deg) scale(1)}}.text-type-01{font-size:3rem;font-weight:700;color:var(--green-text)}.text-type-02{font-size:1.2rem;font-weight:400;color:var(--green-text)}.text-type-03{font-size:1.4rem;font-weight:400;color:var(--text-02)}.text-type-04{font-size:1.6rem;font-weight:600;color:var(--text-02)}.center-btn-wrap{display:flex;justify-content:center;align-items:center}.tab-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;&.management{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0;.tab{&.active{background:var(--active-color-04);color:var(--white-01)}}.tab+.tab{margin-left:-1px}}.tab{border:1px solid var(--line-07);padding:var(--gap-015) var(--gap-015);font-size:1.4rem;color:var(--text-12);font-weight:500;background:var(--white-01);white-space:nowrap;&.active{background:var(--active-color-04);color:var(--white-01)}}}.tab-list2{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:0;.tab2{border-bottom:0;position:relative;padding:var(--gap-015) var(--gap-015);font-size:1.4rem;color:var(--text-12);font-weight:500;background:linear-gradient(90deg,var(--gray-05),var(--gray-06));white-space:nowrap;&::before{position:absolute;top:0;right:0;content:'';width:3rem;height:3rem;border:1.5rem solid var(--bg-01);border-left:1.5rem solid #fff0;border-bottom:1.5rem solid #fff0;background:#fff0}&.active{background:var(--sidebar-hover);color:var(--white-01)}}.tab2+.tab2{margin-left:-1px}}.tab-list3{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:0;.tab3{border:1px solid var(--line-02);position:relative;padding:var(--gap-010) var(--gap-015);font-size:1.4rem;color:var(--text-12);font-weight:500;background:var(--white-01);white-space:nowrap;&.active{background:var(--text-12);color:var(--white-01)}}.tab3+.tab3{margin-left:-1px}}.tab-panel,.tab-panel2,.tab-panel3{display:none;&.open{display:block}}.tab-panel2{padding:var(--gap-015);border:1px solid var(--sidebar-hover)}.page-title{height:4rem;line-height:4rem;display:flex;align-items:center;gap:var(--gap-010);&::before{content:'';display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--text-01)}}.fc{.fc-col-header-cell{font-size:2rem;font-weight:600;border:none!important;color:var(--text-06);padding:var(--gap-015) 0!important;background:var(--table-th-03)}.fc-daygrid-day{background:var(--white-01);border:1px solid var(--line-04);padding:var(--gap-010);box-sizing:border-box;position:relative;.fc-daygrid-day-number{font-size:1.6rem;font-weight:700;color:var(--text-09);margin-bottom:var(--gap-010);display:block}}.fc-day-other{background-color:var(--gray-06)!important;.fc-daygrid-day-number{color:var(--gray-04)!important}}.fc-day-sun{.fc-daygrid-day-number{color:red!important}}.fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion{color:red!important}.fc-day-sat{.fc-daygrid-day-number{color:blue!important}}.fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion{color:blue!important}.fc-toolbar-title{font-size:2.4rem;font-weight:700}.fc-button{width:4.2rem;height:4.2rem;font-size:1.6rem;font-weight:600}.fc-event-title-container{font-size:1.5rem;height:3rem;padding:5px 0}.fc-event-title{text-overflow:ellipsis;white-space:nowrap}}input[type="number"]{text-align:right}.a-right{text-align:right!important}input.input-box{border:1px solid var(--line-04);padding:0 var(--gap-010);font-size:1.45rem;font-weight:500;width:100%;color:var(--gray-01);border-radius:var(--gap-005);height:3.2rem;.login-box &{height:4.4rem;border-radius:50rem;padding:0 var(--gap-030);z-index:1;position:relative}&.border-red{border:1px solid var(--false)!important}}input.input-box.type-01{border:1px solid var(--white-01);padding:0 var(--gap-010)}input.input-box.large{height:4.2rem;font-size:1.6rem;font-weight:600}input.input-box.small{height:3.2rem;font-size:1.6rem;font-weight:600}.input-box::placeholder{color:var(--text-05);font-size:1.4rem;font-weight:400}.input-box:focus{border:1px solid var(--active-color-02)!important}.input-box:disabled{border:1px solid var(--gray-06);color:var(--text-03)}input[type=file].input-box{padding-left:0}input[type=file]::file-selector-button{padding:0 var(--gap-020);font-size:1.45rem;font-weight:500;color:var(--white-01);border-radius:var(--gap-005);height:3rem;background:var(--label-type-03);border:0;font-family:'SCoreDream','Noto Sans KR',"Malgun Gothic",sans-serif}textarea.file-info{width:100%;height:10rem;border:1px solid var(--line-04);border-radius:var(--gap-005);padding:var(--gap-010);font-size:1.45rem}textarea.file-info:focus{border:1px solid var(--active-color-02)!important}textarea.text-input{width:100%;height:20rem;border:1px solid var(--line-04);border-radius:var(--gap-005);padding:var(--gap-010);font-size:1.45rem;line-height:1.7}button{display:flex;align-items:center;justify-content:center;gap:var(--gap-005);position:relative;&:has([class*="i20"]){font-size:1.3rem;color:var(--text-03);font-weight:500}&:has([class*="i32"]){width:3.2rem;height:3.2rem}&:has([class*="i32"]) i{position:absolute}&.icon-btn{width:3.2rem;height:3.2rem;border:1px solid var(--line-04);border-radius:var(--gap-005);background:var(--white-01);&.large{width:4.2rem;height:4.2rem;font-size:1.6rem;font-weight:600}&.small{height:2.6rem;font-size:1.3rem;font-weight:500;min-width:8rem}}&.btn{width:100%;height:3.2rem;padding:0 var(--gap-010);background:#b8b8b8;font-size:1.4rem;font-weight:500;border-radius:var(--gap-005);min-width:12rem;color:var(--white-01);&.type-01{background:var(--btn-01);color:var(--white-01);.login-box &{background:var(--green-bg-03);border-radius:50rem}}&.type-02{background:var(--label-type-02);color:var(--white-01)}&.type-03{background:var(--label-type-03);color:var(--white-01)}&.type-04{background:var(--label-type-04);color:var(--white-01)}&.type-05{min-width:12rem;padding:0 var(--gap-010);border-radius:var(--gap-005);color:var(--white-01);background:var(--label-type-07);box-shadow:0 4px 10px 0 rgb(16 156 241 / .24)}&.large{height:4.2rem;font-size:1.6rem;font-weight:600;min-width:10rem}&.small{height:2.6rem;font-size:1.3rem;font-weight:500;min-width:8rem;width:auto}}&.setting-btn{width:100%;padding:var(--gap-015);justify-content:flex-start;gap:var(--gap-010);color:var(--text-06);font-size:1.5rem;font-weight:500;background:#fff0;border:0}&:hover{filter:brightness(90%)}&:disabled{filter:brightness(50%);box-shadow:none}}[class*="i16-"]{display:inline-block;width:1.6rem;height:2rem;background:gray;flex-shrink:0}[class*="i20-"]{display:inline-block;width:2rem;height:2rem;background:gray;flex-shrink:0}[class*="i24-"]{display:inline-block;width:2.4rem;height:2.4rem;background:gray;flex-shrink:0}[class*="i32-"]{display:inline-block;width:3.2rem;height:3.2rem;background:gray;flex-shrink:0}[class*="i50-"]{display:inline-block;width:5rem;height:5rem;background:gray;flex-shrink:0}[class*="i60-"]{display:inline-block;width:6rem;height:6rem;background:gray;flex-shrink:0}.i16-go{background:url(../images/i16-go.svg) no-repeat center / 100% auto}.i16-stop{background:url(../images/i16-stop.svg) no-repeat center / 100% auto}.i16-close{background:url(../images/n-btn-pop-close.png) no-repeat center / 100% auto}.i16-a-right{background:url(../images/n-icon-arrow.png) no-repeat center / 100% auto}.i16-a-left{background:url(../images/n-icon-arrow.png) no-repeat center / 100% auto;transform:rotate(180deg)}.i20-user{background:url(../images/i20-user.svg) no-repeat center / 100% auto}.i20-logout{background:url(../images/i20-logout.svg) no-repeat center / 100% auto}.i24-on{background:url(../images/i24-on-sign.svg) no-repeat center / 100% auto}.i24-home{background:url(../images/i24-home.svg) no-repeat center / 100% auto}.i24-jhome{background:url(../images/i24-jhome.svg) no-repeat center / 100% auto}.i24-jbe{background:url(../images/i24-jbe.svg) no-repeat center / 100% auto}.i24-site{background:url(../images/i24-site.svg) no-repeat center / 100% auto}.i24-alarm{background:url(../images/i24-alarm.svg) no-repeat center / 100% auto}.i24-user{background:url(../images/i24-user.svg) no-repeat center / 100% auto}.i24-notice{background:url(../images/i24-notice.svg) no-repeat center / 100% auto}.i24-admin{background:url(../images/i24-admin.svg) no-repeat center / 100% auto}.i24-setting{background:url(../images/i24-Setting.svg) no-repeat center / 100% auto}.i24-wifi{background:url(../images/i24-wifi.svg) no-repeat center / 100% auto}.i32-retry{background:url(../images/retry-icon.png) no-repeat center / 100% auto}.i32-user{background:url(../images/i32-user.png) no-repeat center / 100% auto}.i32-alarm{background:url(../images/i32-alarm.svg) no-repeat center / 100% auto}.i32-alarm-new{background:url(../images/i32-alarm-new.svg) no-repeat center / 100% auto}.i32-setting{background:url(../images/i32-setting.svg) no-repeat center / 100% auto}.i32-info{background:url(../images/i32-info.svg) no-repeat center / 100% auto}.i32-n-alarm{background:url(../images/i32-n-alarm.svg) no-repeat center / 100% auto;animation:dal 0.5s infinite ease-in alternate}@keyframes dal{0%{transform:rotate(45deg)}25%{transform:rotate(-45deg)}50%{transform:rotate(45deg)}100%{transform:rotate(-45deg)}}.i40-search{display:inline-block;width:4rem;height:4rem;background:url(../images/i40-search.svg) no-repeat center / 100% auto}.i50-01{background:url(../images/i50-01.png) no-repeat center / 100% auto}.i50-02{background:url(../images/i50-02.png) no-repeat center / 100% auto}.i50-03{background:url(../images/i50-03.png) no-repeat center / 100% auto}.i50-04{background:url(../images/i50-04.png) no-repeat center / 100% auto}.i50-05{background:url(../images/i50-05.png) no-repeat center / 100% auto}.i50-06{background:url(../images/i50-06.png) no-repeat center / 100% auto}.i60-frozen{background:url(../images/i60-frozen.svg) no-repeat center / 100% auto}.menu-item.active{.i24-home{background:url(../images/i24-home2.svg) no-repeat center / 100% auto}.i24-jhome{background:url(../images/i24-jhome2.svg) no-repeat center / 100% auto}.i24-jbe{background:url(../images/i24-jbe2.svg) no-repeat center / 100% auto}.i24-site{background:url(../images/i24-site2.svg) no-repeat center / 100% auto}.i24-alarm{background:url(../images/i24-alarm2.svg) no-repeat center / 100% auto}.i24-user{background:url(../images/i24-user2.svg) no-repeat center / 100% auto}.i24-notice{background:url(../images/i24-notice2.svg) no-repeat center / 100% auto}.i24-admin{background:url(../images/i24-admin2.svg) no-repeat center / 100% auto}}button:focus-visible,a:focus-visible{outline:3px solid rgb(0 120 255 / .3)}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.bottom-btn-wrap{display:flex;gap:var(--gap-010);margin-left:auto;width:fit-content;align-items:center}label.checkbox{cursor:pointer;z-index:1;position:relative;display:flex;align-items:center;gap:var(--gap-010);width:fit-content}label.checkbox input[type="checkbox"]{position:absolute;left:-3000%}label.checkbox:has(input[type="checkbox"]) i{display:inline-block;width:2.4rem;height:2.4rem;border-radius:var(--gap-005);border:1px solid var(--gray-05);background:var(--white-01);position:relative}label.checkbox:has(input[type="checkbox"]:checked) i{display:inline-block;width:2.4rem;height:2.4rem;border-radius:var(--gap-005);border:1px solid var(--active-color-02);background:var(--active-color-02)}label.checkbox:has(input[type="checkbox"]:checked) i::before{content:'';display:inline-block;position:absolute;top:50%;left:50%;width:1.3rem;height:.8rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(0%,-110%)}.checkbox span{font-size:1.4rem;font-weight:500;color:var(--gray-01)}i:has(+input[type="checkbox"]:focus-visible){outline:3px solid rgb(0 120 255 / .3)}label.chk-onoff{cursor:pointer;z-index:1;position:relative;display:flex;align-items:center;gap:var(--gap-010);width:7rem!important;height:2.8rem;border-radius:50rem;background:var(--gray-04);padding:0 var(--gap-005);justify-content:start;flex-shrink:0;transition:all 0.3s;max-width:7rem!important;i{display:flex;align-items:center;width:2rem;height:2rem;background:var(--white-01);border-radius:50rem;&:after{content:'OFF';display:inline-block;margin-left:2.7rem;color:var(--white-01);font-size:1.4rem;font-weight:500;line-height:2rem}.use &{&:after{content:'미사용';white-space:nowrap;font-size:1.05rem}}}&:has(input:checked){background:var(--label-type-03);justify-content:end;i{&:after{content:'ON';display:inline-block;margin-left:-2.7rem;color:var(--white-01);font-size:1.4rem;font-weight:500;line-height:2rem}.use &{&:after{content:'사용';white-space:nowrap;font-size:1.4rem;margin-left:-3.2rem}}.active &{&:after{content:'활성';white-space:nowrap;font-size:1.4rem;margin-left:-3.2rem}}}}}label.chk-passivity{cursor:pointer;z-index:1;position:relative;display:flex;align-items:center;gap:var(--gap-010);width:9.5rem!important;height:2.8rem;border-radius:50rem;background:var(--gray-04);padding:0 var(--gap-005);justify-content:start;flex-shrink:0;transition:all 0.3s;max-width:9.5!important;i{display:flex;align-items:center;width:2rem;height:2rem;background:var(--white-01);border-radius:50rem;&:after{content:'OFF';display:inline-block;margin-left:2.7rem;color:var(--white-01);font-size:1.4rem;font-weight:500;line-height:2rem}.use &{&:after{content:'수동해제';white-space:nowrap;font-size:1.05rem}}}&:has(input:checked){background:var(--r-pass);justify-content:end;i{&:after{content:'ON';display:inline-block;margin-left:-2.7rem;color:var(--white-01);font-size:1.4rem;font-weight:500;line-height:2rem}.use &{&:after{content:'수동선택';white-space:nowrap;font-size:1.4rem;margin-left:-5.8rem}}}}}label.radio-type-01{cursor:pointer;z-index:1;position:relative;display:flex;align-items:center;gap:var(--gap-010);height:5rem;border-radius:var(--gap-005);background:var(--white-01);padding:0 var(--gap-005);justify-content:center;flex-shrink:0;transition:all 0.3s;width:clamp(10rem, 100%, 18rem);span{font-size:1.4rem;font-weight:500;color:var(--text-12)}&.height-row{height:3.2rem!important}&.automatic{&:has(input:checked){background:var(--r-auto);span{color:var(--white-01)}}}&.passivity{&.room-none{background:var(--bg-03)}&:has(input:checked){background:var(--r-pass);span{color:var(--white-01)}}}&.stop{&:has(input:checked){background:var(--r-stop);span{color:var(--white-01)}}}}.radio-group{display:flex;flex:1;gap:var(--gap-010);justify-content:space-between;.radio-type-01{flex:1}}.opacity-hidden{opacity:0;pointer-events:none}.unit-info{display:flex;justify-content:flex-end;gap:var(--gap-050);label{display:flex;align-items:center;gap:var(--gap-010);font-size:1.6rem;font-weight:600;color:var(--text-12)}.automatic-unit{&:before{content:'';display:inline-block;width:2rem;height:2rem;border-radius:50%;background:var(--r-auto)}}.passivity-unit{&:before{content:'';display:inline-block;width:2rem;height:2rem;border-radius:50%;background:var(--r-pass)}}.stop-unit{&:before{content:'';display:inline-block;width:2rem;height:2rem;border-radius:50%;background:var(--r-stop)}}}.ui-datepicker{margin-top:.2rem;padding:var(--gap-015);width:30rem;border-radius:var(--gap-015);border:1px solid var(--line-03);font-size:1.4rem;background:#fff;display:none;font-family:'SCoreDream';box-shadow:rgb(149 157 165 / .2) 0 8px 24px;.ui-datepicker-header{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0;border:0;background:#fff0;margin-bottom:var(--gap-010);.ui-datepicker-title{display:flex;align-items:center;gap:var(--gap-010);font-size:1.3rem;font-weight:500;margin:0;line-height:inherit;select{width:auto;padding:var(--gap-005) var(--gap-010);border:1px solid var(--line-04);font-family:'SCoreDream';border-radius:var(--gap-005)}}.ui-datepicker-prev{background:url(../images/n-icon-arrow.png) no-repeat center / 100% auto;width:2rem;height:2rem;position:absolute;left:0;top:50%;transform:translateY(-50%)}.ui-datepicker-next{background:red;width:2rem;height:2rem;position:absolute;right:0;top:50%;transform:translateY(-50%)}}.ui-datepicker-calendar{font-size:1.2rem;margin:0;padding:0;border-top:1px solid var(--line-03);thead tr th{padding:var(--gap-010) 0;span{font-size:1.2rem;font-weight:400}}tbody tr td a{display:flex;justify-content:center;align-items:center;font-size:1.4rem;font-weight:400;border:none}.ui-state-disabled>*{width:3rem;height:3rem;line-height:3rem;color:var(--gray-05);font-size:1.3rem;border:none;padding:0;text-align:center}}}.ui-datepicker-header a span{font-size:1.2rem;cursor:pointer;color:#aaa}.ui-datepicker-calendar{width:100%}.ui-datepicker thead tr{display:flex}.ui-datepicker thead tr th{padding:.5rem 0;flex:1}.ui-datepicker th span{color:#ccc;font-size:1rem;font-weight:600}.ui-datepicker tbody tr{display:flex;align-items:center}.ui-datepicker tbody tr td{text-align:center;flex:1;display:flex;justify-content:center;align-items:center;margin:.5rem 0}.ui-datepicker tbody tr td>a{color:#999;font-size:1.2rem;display:inline-block;width:3rem;height:3rem;line-height:3rem;border-radius:3rem}.ui-datepicker tbody tr td>a:hover{position:relative;color:#fff;background:rgb(0 149 149)}.ui-datepicker-week-end:first-child>*{color:#ff5e76}.ui-datepicker-week-end:last-child>*{color:#2d73b9}.ui-datepicker td.ui-state-disabled{font-size:.7rem;opacity:1}.ui-datepicker td.ui-state-disabled>*{color:#e5e5e5;width:3rem;height:3dvh;line-height:3rem}.ui-datepicker td>a.ui-state-default.ui-state-highlight{background:rgb(29 198 240);color:#fff;border-radius:3rem}.ui-datepicker td>a.ui-state-active,.ui-widget-content .ui-state-active{background:rgb(12 73 73);border-radius:3rem;color:#fff;animation:day-select 1s linear infinite}.ui-state-default,.ui-widget-content .ui-state-default{background:none}@keyframes day-select{0%{background:rgb(0 214 119 / .3)}50%{background:rgb(0 214 119)}100%{background:rgb(0 214 119 / .3)}}.led-top{.gc-2{padding:0}}select.select-box{border:1px solid var(--line-04);border-radius:var(--gap-005);padding:0 var(--gap-050) 0 var(--gap-010);font-size:1.4rem;font-weight:500;height:3.2rem;outline:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/n-icon-arrow.png) no-repeat calc(100% - 1rem) 50% / 1.5rem auto;width:100%;max-width:auto;color:var(--text-02);&.large{height:4.2rem;padding:0 var(--gap-050) 0 var(--gap-015);font-size:1.8rem;font-weight:600}&.bold{border:1px solid var(--hover-01)}&.border-red{border:1px solid var(--false)!important}}select.select-box:hover,textarea:hover{border:1px solid var(--hover-01)!important}select.select-box:focus,textarea:focus,select.select-box:active,textarea:active{border:1px solid var(--active-color-02)!important;box-shadow:none;outline:0}select.select-box:focus{background:#fff url(../images/n-icon-arrow2.png) no-repeat calc(100% - 1rem) 50% / 1.5rem auto;border:1px solid var(--active-color-02)!important}.input-unit-box{position:relative}.input-unit-box::after{content:attr('data-unit');display:inline-block;position:absolute;top:50%;right:1rem;transform:translateY(-50%);font-size:1.4rem}.table_search{table-layout:auto}.tb-flex{display:flex;align-items:center;gap:var(--gap-005)}.tb-flex strong{display:inline-block;padding:0 var(--gap-010)}.table-top-info{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;width:100%}.table-top-left{display:flex;align-items:baseline;gap:var(--gap-015)}.table-top-right{display:flex;align-items:center;gap:var(--gap-015)}.table-top-left .select-box{border:0!important;border-bottom:1px solid var(--line-03)!important;border-radius:0}.tbl-box{padding:var(--gap-020);border-radius:var(--gap-010);background:var(--white-01);border:1px solid var(--line-04);box-shadow:rgb(0 0 0 / .05) 0 1px 3px}table{width:100%;border-collapse:separate;border-spacing:0;font-size:1.45rem;color:var(--text-03);background:var(--white-01)}table caption{display:none}.table-wrapper{width:100%;overflow:auto}.custom-table{&.auto-layout{table-layout:auto}thead{position:sticky;top:0;z-index:2}tr{th{background:var(--table-th-03);font-weight:500;color:var(--text-02);position:sticky;top:0;border-top:1px solid var(--line-03);line-height:2.7;padding:var(--gap-005) var(--gap-015);border-bottom:1px solid var(--gray-06);white-space:nowrap;text-align:left;height:4rem;vertical-align:middle;a{&:hover{color:var(--hover-03)!important;font-weight:500}}&.center{text-align:center}}td{font-size:1.4rem;color:var(--text-03);cursor:pointer;line-height:2.7;padding:var(--gap-005) var(--gap-015);border-bottom:1px solid var(--gray-06);white-space:nowrap;text-align:left;height:4rem;vertical-align:middle;&.center{text-align:center}a{&:hover{color:var(--hover-03)!important;font-weight:500}}}}&.tbl-04{border-bottom:1px solid var(--line-02);tr{th{color:var(--text-10);font-weight:600;background:var(--table-th-04);border-top:1px solid var(--line-06)}td{border:none}&:nth-of-type(even){background:var(--bg-04)}&:hover{background:linear-gradient(90deg,#EFF2FF 0%,#F5F7FF 100%)!important;box-shadow:inset #6b77a1 1px 1px 0,inset #6b77a1 -1px -1px 0px!important;td{color:var(--gray-03)!important}}}&.info{border:1px solid var(--line-04);tr{th{background:var(--table-th-02)}&:nth-of-type(even){background:#fff0}&:last-of-type{th,td{border:none}}&:hover{box-shadow:none!important;background:none!important}}th,td{border:none;border-bottom:1px solid var(--line-02)}}}}ul.pagination{display:flex;justify-content:center;align-items:center;gap:var(--gap-010);padding:0;margin:2rem 0}ul.pagination li{width:3rem;height:3rem;text-align:center;cursor:pointer}ul.pagination li button{display:inline-block;width:4rem;height:3rem;line-height:3rem;text-align:center;font-size:1.4rem;font-weight:500;color:var(--text-02);border-radius:var(--gap-050)}ul.pagination li.active button{border:1px solid var(--active-color);background:var(--active-color-02);color:#fff}ul.pagination li button.a_left{display:inline-block;width:3rem;height:3rem;border:1px solid var(--gray-04);border-radius:var(--gap-050);background:url(../images/slt-ar.svg) no-repeat center / 50% auto;transform:rotate(90deg);border:none;opacity:.3}ul.pagination li button.a_right{display:inline-block;width:3rem;height:3rem;border:1px solid var(--gray-04);border-radius:var(--gap-050);background:url(../images/slt-ar.svg) no-repeat center / 50% auto;transform:rotate(270deg);border:none;opacity:.3}ul.pagination li button.a_left.amore{background:url(../images/slt-ar2.svg) no-repeat center / 50% auto}ul.pagination li button.a_right.amore{background:url(../images/slt-ar2.svg) no-repeat center / 50% auto}a{color:var(--text-02);cursor:pointer}.breadcrumb{display:flex;justify-content:flex-end;font-size:1.3rem;gap:0 1rem;color:var(--text-color-02);align-items:center;font-weight:500;position:absolute;top:1.5rem;right:5rem}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:first-of-type::before{content:'';display:inline-block;width:1.7rem;height:1.7rem;background:url(../images/icon-home.png) no-repeat center / 100% auto;margin-right:1rem}.breadcrumb li::after{content:'';display:inline-block;width:1.5rem;height:1.5rem;background:url(../images/arrow.png) no-repeat center / 90% auto;margin-left:1rem}.breadcrumb li:last-of-type:after{display:none}.dim-box{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);z-index:3000;display:flex;justify-content:center;align-items:center}.pop-wrap{width:60%;min-width:70rem;background:var(--white-01)}.pop-wrap .pop-header{padding:var(--gap-020);border-bottom:1px solid var(--gray-04);background:var(--header-color-01);position:relative}.pop-wrap .pop-header h2{color:var(--white-01);font-weight:400;font-size:2.4rem}.pop-body{padding:var(--gap-030) var(--gap-015);max-height:calc(100vh - 30rem);overflow:auto}.pop-body p{font-size:1.6rem;line-height:2}.pop-bottom{display:flex;justify-content:center;gap:2rem;padding:var(--gap-030) 0;border-top:1px solid var(--line-03)}.pop-close{width:2rem;height:2rem;background:url(../images/icon_close.svg) no-repeat center / 100% auto;position:absolute;right:2rem;top:50%;transform:translateY(-50%);cursor:pointer}.pop-wrap.small-pop{max-width:60rem;min-width:50rem}.ui-datepicker-trigger{width:2.6rem;height:2.6rem;border:0;cursor:pointer}.error-wrap{width:clamp(50rem, 70%, 70rem);margin:auto;display:flex;flex-direction:column;.error-group{display:flex;flex-direction:column;gap:var(--gap-015);background:var(--white-01);padding:var(--gap-030);border-radius:var(--gap-020);border:1px solid var(--line-04);position:relative;z-index:1;box-shadow:rgb(50 62 93 / .1) 0 50px 100px -20px,rgb(155 173 255 / .2) 0 30px 60px -30px;.e-title{display:flex;gap:var(--gap-030);align-items:center;>div{display:flex;flex-direction:column;gap:var(--gap-015)}.icon-alert{display:block;width:10rem;height:10rem;background:url(../images/icon-alert.png) no-repeat center / 100% auto;flex-shrink:0}}h2{font-size:3rem;font-weight:700;color:var(--text-01);width:100%}h3{font-size:2.8rem;font-weight:200;color:var(--text-02)}p{display:flex;flex-direction:column;text-align:left;gap:var(--gap-010)}}}.scrollBar:has(.error-wrap){height:calc(100vh - 19rem);display:flex}.section-content{&.t1000{container-type:inline-size;container-name:section-01}}.scrollBar::-webkit-scrollbar{width:16px;height:16px}.scrollBar::-webkit-scrollbar-thumb{background:#b5bbc2;padding:3px;border-radius:20px;border:6px solid #fff}.scrollBar::-webkit-scrollbar-track{background:#fff}.scrollBar::-webkit-scrollbar-corner{background:#fff}html:has([popover]:popover-open){overflow:hidden}.popup{width:clamp(50rem, 100%, 120rem);background:#fff0;height:auto;position:relative;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:1;pointer-events:auto;&::backdrop{background:rgb(0 0 0 / .5)}&.large{width:clamp(40rem, 100%, 180rem)}&.middle{width:clamp(40rem, 100%, 60rem)}&.small{z-index:9999;width:clamp(30rem, 100%, 50rem)}&.toast{z-index:9999;width:40rem}.popup-box{width:clamp(50rem, 100%, 120rem);padding:var(--gap-015);border-radius:var(--gap-015);background:var(--white-01);&.large{width:clamp(40rem, 100%, 180rem)}.popup-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--gap-010);border-bottom:1px solid var(--line-02)}.popup-contents{padding:var(--gap-010) 0;.txt{line-height:1.6;color:#0e0e0e;padding:4rem 0;font-size:1.4rem;word-break:break-word;white-space:pre-wrap}}hr.line-01{border-top:1px dashed var(--line-03);margin:var(--gap-015) 0}.center-btn-wrap{gap:var(--gap-015);padding:var(--gap-015);border-top:1px solid var(--line-03)}}}.card-type-s1{background:var(--bg-01);border-radius:var(--gap-010);padding:var(--gap-015);border:1px solid var(--line-02);gap:var(--gap-020);.form-wrap-01{gap:var(--gap-030)}.form-item{gap:var(--gap-015)}}.card-type-s2{padding:var(--gap-015);gap:var(--gap-030)}.loading{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99999;background:url(../images/loading.gif) 50% 50% no-repeat #f9f9f9;opacity:.3}@media screen and (max-width:1700px){.content-main>.scrollBar>.grid-col-2{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--gap-020)}.hight-vh{min-height:43rem}.hight-full{min-height:67rem}.hight-vh,.hight-full{height:auto!important}.grid-col-4{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-020)}}@media screen and (max-width:1400px){.dashboard-grid{grid-template-columns:repeat(1,1fr);section{grid-column:span 1!important}}.led-top{flex-direction:column;gap:var(--gap-010);align-items:flex-end;.gray-card{width:100%!important}}}@media screen and (max-width:1200px){body,html{font-size:62.5%}header button:has(.i20-user){display:none}header span{display:none}}@media screen and (max-width:992px){body,html{font-size:50.5%}}@media screen and (max-width:768px){body,html{font-size:47.5%}}@media screen and (max-width:650px){body,html{font-size:44.5%}}@media screen and (max-width:576px){body,html{font-size:41.5%}}@container section-01 (max-width:1200px){.grid-col-2{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--gap-020);&.min-width{min-width:780px}.grid-simple &{grid-template-columns:repeat(2,1fr)}}}@container section-01 (max-width:768px){.grid-col-2.min-width{min-width:775px}}@container card-01 (max-width:480px){.grid-col-2{&.dong{grid-template-columns:repeat(1,1fr)}}}.cred.error{color:var(--false);font-size:1.5rem;text-align:center;margin:2rem auto 1rem}.editor-box{width:100%;margin:auto;height:60vh;margin-bottom:var(--gap-050);&.modal{height:50vh}}.blue{color:var(--header-color-01)!important}.red{color:var(--false)!important}.mypage-wrap{width:100%;display:flex;justify-content:center;overflow:hidden}.led-group{flex-direction:column}.led-group>span{flex-shrink:0}.led-group .form-item{display:flex;gap:var(--gap-005)}.led-table-box{padding:1.5rem;overflow:auto}.toast-box{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:.6rem;box-shadow:0 4px 10px rgb(0 0 0 / .15);padding:var(--gap-015) var(--gap-015);width:40rem;border-left:5px solid #fff0;animation:toast-slide-in 0.4s}.toast-content{flex:1}.toast-title{font-weight:600;font-size:1.5rem;color:var(--text-03);margin-bottom:.2rem}.toast-message{font-size:1.4rem;color:var(--gray-03);margin:0}.toast-close{background:#fff0;border:none;font-size:2.6rem;cursor:pointer;color:#888;margin-left:.5rem;transition:color 0.2s}.toast-close:hover{color:#000}.toast-box.success{border-left-color:#4caf50}.toast-box.error{border-left-color:#f44336}.toast-box.warning{border-left-color:#ff9800}.toast-box.info{border-left-color:#2196f3}@keyframes toast-slide-in{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.overlay-wrapper{position:relative}.overlay-content{position:relative;z-index:1}.overlay-block{position:absolute;inset:0;background:#fff0;z-index:2;pointer-events:all;cursor:not-allowed}.overlay-block.hidden{display:none}