@charset "utf-8";
/*
   * ------------------------------------------------------------------------
   * X-03-Color
   * #66645F, rgba(102, 100, 95, 1.0), Default
   * #FFDA56, rgba(255, 218, 86, 1.0), Primary-Yellow
   * #FAC300, rgba(250, 195, 0, 1.0), Primary-Yellow-B
   * #FD6D6A, rgba(253, 109, 106, 1.0), Primary-red
   * ------------------------------------------------------------------------
   */



/*
   * ------------------------------------------------------------------------
   * X-Common
   * ------------------------------------------------------------------------
   */
a.link {position:relative; padding-left:5px; padding-right:5px;}
a.link::after {position:absolute; left:0; bottom:5px; width:100%; height:10px; background-color:rgba(112, 208, 93, 0.3); content:''; transition:0.2s; z-index:-1;}
a.link:hover::after {background-color:rgba(64, 255, 0, 0.4);}
.accordionA {border-radius:16px; overflow:hidden;}
.accordionA .accordion {border-bottom:solid 1px rgba(0, 0, 0, 0.1); background-color:#B1B0AD;}
.accordionA .accordion:hover {background-color:rgba(129, 158, 237, 0.3);}
.accordionA .accordion h3 {font-size:17px; color:#FFF;}
.accordionA .panel {border-left:solid 1px rgba(177, 176, 173, 0.3); border-right:solid 1px rgba(177, 176, 173, 0.3); background-color:rgba(255, 255, 255, 0.05);}
.accordionA .panel .tableA table {background-color:#32353C;}
.accordionA .panel .tableA thead th, 
.accordionA .panel .tableA thead td, 
.accordionA .panel .tableA tbody th {background-color:#3C3F46;}
.accordionA .panel .tableA tbody td {}
.accordionA .panel .tableA tr.thead {border-top-color:rgba(177, 176, 173, 0.3);}
a.button, 
button.button {height:40px; line-height:38px; color:#4B4B4B; border-radius:40px; border:solid 2px #43AB8E; background-color:#FFF;}
a.button.primary, 
button.button.primary {color:#FFF !important; background-color:#43AB8E;}
a.button.active,
button.button.active {color:#FFF; border-color:#43AB8E; background-color:#43AB8E;}
.button.button-xs {padding:0; width:26px; height:26px; line-height:200px; border-radius:26px; border:0; background-position:center !important; background-size:65%; overflow:hidden;}
.button-sm:hover {background-color:#6ABE4E;}
table tbody .button.button-xs {background-color:#BABBBC;}
.button.button-xs.del {line-height:100px; background-size:auto 55%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z'/%3E%3C/svg%3E"); transform:rotate(45deg); overflow:hidden;}
.button.increase {background-color:#8BCF41; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M16 8v-4l8 8-8 8v-4h-16l8-8h8z'/%3E%3C/svg%3E");}
.button.increase.active {background-color:#BABBBC; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M16 8v-4l8 8-8 8v-4h-16l8-8h8z'/%3E%3C/svg%3E"); transform:rotate(180deg);}
.button.print {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M14 20h-6v-1h6v1zm10-15v13h-4v6h-16v-6h-4v-13h4v-5h16v5h4zm-6 10h-12v7h12v-7zm0-13h-12v3h12v-3zm4 5.5c0-.276-.224-.5-.5-.5s-.5.224-.5.5.224.5.5.5.5-.224.5-.5zm-6 9.5h-8v1h8v-1z'/%3E%3C/svg%3E");}
.button.setting {background-position:center; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M24 13.616v-3.232c-1.651-.587-2.694-.752-3.219-2.019v-.001c-.527-1.271.1-2.134.847-3.707l-2.285-2.285c-1.561.742-2.433 1.375-3.707.847h-.001c-1.269-.526-1.435-1.576-2.019-3.219h-3.232c-.582 1.635-.749 2.692-2.019 3.219h-.001c-1.271.528-2.132-.098-3.707-.847l-2.285 2.285c.745 1.568 1.375 2.434.847 3.707-.527 1.271-1.584 1.438-3.219 2.02v3.232c1.632.58 2.692.749 3.219 2.019.53 1.282-.114 2.166-.847 3.707l2.285 2.286c1.562-.743 2.434-1.375 3.707-.847h.001c1.27.526 1.436 1.579 2.019 3.219h3.232c.582-1.636.75-2.69 2.027-3.222h.001c1.262-.524 2.12.101 3.698.851l2.285-2.286c-.744-1.563-1.375-2.433-.848-3.706.527-1.271 1.588-1.44 3.221-2.021zm-12 2.384c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z'/%3E%3C/svg%3E");}
.button.button-sub {width:50px; border:0; background-color:rgba(166, 154, 150, 0.2);}
.button.button-xs.new {line-height:100px; background-size:auto 55%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z'/%3E%3C/svg%3E"); overflow:hidden;}
.button.zip {line-height:200px !important; background-position:center; background-size:50% !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2343AB8E' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-3.148 0-6 2.553-6 5.702 0 4.682 4.783 5.177 6 12.298 1.217-7.121 6-7.616 6-12.298 0-3.149-2.851-5.702-6-5.702zm0 8c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zm12 16l-6.707-2.427-5.293 2.427-5.581-2.427-6.419 2.427 4-9 3.96-1.584c.38.516.741 1.08 1.061 1.729l-3.523 1.41-1.725 3.88 2.672-1.01 1.506-2.687-.635 3.044 4.189 1.789.495-2.021.465 2.024 4.15-1.89-.618-3.033 1.572 2.896 2.732.989-1.739-3.978-3.581-1.415c.319-.65.681-1.215 1.062-1.731l4.021 1.588 3.936 9z'/%3E%3C/svg%3E");}
input.primary,
.primary input,
select.primary,
.primary select {border-color:#FAC300;}
.secondary {background-color:#66645F;}
.chartA {border:solid 2px rgba(169, 165, 150, 0.6); border-radius:18px;}
	.heightFull .chartA {height:calc(100% - 80px);}
.chartA .group-form.formBtn {margin-left:5px; margin-top:5px; border-radius:12px; border:solid 1px rgba(169, 165, 150, 0.3);}
.chartA .srchA .chart:first-child {margin-top:30px;}
.chartA .chart + .chart {border-top:solid 1px rgba(169, 165, 150, 0.3);}
.current {width:24px; height:24px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%235f6368'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M16.2,16.2L11,13V7h1.5v5.2l4.5,2.7L16.2,16.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
.date-birth {background-color:rgba(255, 218, 86, 0.5);}
.displayA {border:solid 2px rgba(169, 165, 150, 0.6); border-radius:18px; overflow:hidden;}
.displayA .chartA, 
.displayA .tableA {border:0; border-radius:0;}
.displayA .chartA + .tableA {border-top:solid 2px rgba(169, 165, 150, 0.25);}
h3 strong.num {font-size:110%; font-weight:800;}
input[type="date"] {width:120px !important;}
.i {background-size:100%;}
.i-alarm {width:25px; height:25px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:%23FB6C6B;transform: ;msFilter:;'%3E%3Cpath d='m17.284 3.707 1.412-1.416 3.01 3-1.413 1.417zm-10.586 0-2.99 2.999L2.29 5.294l2.99-3zM12 4c-4.879 0-9 4.121-9 9s4.121 9 9 9 9-4.121 9-9-4.121-9-9-9zm1 14h-2v-2h2v2zm0-4h-2V8h2v6z'%3E%3C/path%3E%3C/svg%3E");}
.i-connect {width:15px; height:15px; border-radius:15px; border:solid 1px rgba(255, 255, 255, 0.6);}
.i-connect-on {border-color:#64A91D; background-color:#64A91D;}
.i-connect-err {border-color:#FF534A; background-color:#FF534A;}
.i-drt.i-drt-tB {width:25px; height:25px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2394928F' viewBox='0 0 24 24'%3E%3Cpath d='M16 8v-4l8 8-8 8v-4h-16l8-8h8z'/%3E%3C/svg%3E");}
.i-drt.i-drt-tB:hover {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFBF07' viewBox='0 0 24 24'%3E%3Cpath d='M16 8v-4l8 8-8 8v-4h-16l8-8h8z'/%3E%3C/svg%3E");}
.i-drt.i-drt-tB.drt-prev {margin-right:10px; background-position:0 1px; transform:rotate(180deg);}
.i-drt.i-drt-tB.drt-next {margin-left:10px;}
.item {position:relative; display:inline-block; text-align:center; margin-right:5px; padding-left:10px; padding-right:10px; height:26px; line-height:26px; text-indent:0; font-size:14px; color:#FFF; border-radius:26px;}
.item.notice {color:rgba(255, 255, 255, 0.7); background-color:rgba(0, 0, 0, 0.3);}
.item.error {background-color:#FF534A;}
.item.system {background-color:rgba(129, 158, 237, 0.6);}
.grade {vertical-align:middle;}
.grade-color-blue {background-color:#B5C7F8 !important;}
.grade-color-gray {background-color:#E4E4E4 !important;}
.grade-color-green {background-color:#64A91D !important;}
.grade-color-purple {background-color:#9C6BFB !important;}
.grade-color-red {background-color:#FF534A !important;}
.grade-color-yellow {background-color:#FFE04A !important;}
th.grade-color-blue, 
td.grade-color-blue {background-color:rgba(181, 199, 248, 0.4) !important;}
th.grade-color-green, 
td.grade-color-green {background-color:rgba(100, 169, 29, 0.4) !important;}
th.grade-color-orange, 
td.grade-color-orange {background-color:rgba(255, 143, 76, 0.4) !important;}
th.grade-color-purple, 
td.grade-color-purple {background-color:rgba(156, 107, 251, 0.4) !important;}
th.grade-color-red, 
td.grade-color-red {background-color:rgba(255, 83, 74, 0.4) !important;}
th.grade-color-yellow, 
td.grade-color-yellow {background-color:rgba(255, 224, 74, 0.4) !important;}
.group-form {height:40px; line-height:40px; border-radius:40px; border-color:transparent;}
.group-form * {float:left; display:inline-block; vertical-align:middle; height:100%; line-height:inherit; cursor:pointer;}
.group-form input, 
.group-form select, 
.group-form textarea {width:auto; height:100%; color:#000; background-color:#ECF2F0;}
.group-form input[readonly] {background-color:#F2F3F2;}
.group-form select option {color:#000;}
.group-form input + button {border-top-left-radius:0; border-bottom-left-radius:0;}
.group-form strong.dt {padding-left:15px; padding-right:10px; height:100%; line-height:40px; color:#000; border-top-left-radius:20px; border-bottom-left-radius:20px; background-color:#DBE1DC;}
/*.group-form .i-del {position:absolute; right:8px; top:8px; text-align:center; width:24px; height:24px; font-size:20px; border-radius:24px; color:#FFF; line-height:22px; background-color:rgb(0, 0, 0, 0.4);}*/
.group-form .i-del {position:absolute; top:15px; right:17px; text-align:center; width:13px; height:13px; line-height:100px; border-radius:13px; background:url("/images/sense/ico-del.png") 0 0 no-repeat; overflow:hidden;}
.group-form.button.txt .button {padding-left:8px !important; padding-right:8px !important; width:auto !important;}
.group-form.form input + span, 
.group-form.form input[type="checkbox"]:checked + span {color:#000;}
.group-form.form input + span {padding-left:25px; height:40px; line-height:40px; background-size:auto 20px;}
.group-form.form input[type="checkbox"]:checked + span {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%2343AB8E' viewBox='0 0 24 24'%3E%3Cpath d='M0 0v24h24v-24h-24zm11 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z'/%3E%3C/svg%3E") !important;}
.group-form.formBtn {width:100%; border:solid 1px #85D8D2; overflow:hidden;}
.group-form.formBtn label span {position:relative; padding-left:10px; padding-right:10px;}
.group-form.formBtn label:not(:last-child) span {border-right:0;}
.group-form.formBtn label:not(:last-child) span::after {position:absolute; top:0; right:0; width:1px; height:100%; background-color:rgb(133, 216, 210, 0.5); content:'';}
.group-form.formBtn label input:checked + span {color:#FFF; background-color:#85D8D2;} /* 대시보드>설정에서 쓰이고 있음 */
.group-form.formBtn label:not(:last-child) input:checked + span::after {background-color:#6CB7B2;}
.group-form.form.switch {width:60px;}
.group-form.form.switch label span::before {background-color:rgba(0, 0, 0, 0.1);}
.group-form.form.switch label input:checked + span::before {background-color:#85D8D2;}
.group-form.form.switch label input:checked + span::after {transform:translate(25px, 0);}
/*.group-form.period input:last-child {margin-left:0;}*/
.group-form.period input:first-child {padding-right:10px;}
.group-form.period input:first-child::before {content:'';}
.group-form.period input:last-child {margin-left:0;}
.group-form.period input:last-child::after {position:absolute; right:130px; top:0; width:15px; height:100%; content:'~';}
.group-form.period input:disabled {background-color:#DBE1DC;}
.group-form.select select, 
.group-form.select datalist {background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23000000' clip-rule='evenodd'%3E%3Cpath d='M23.245 4l-11.245 14.374-11.219-14.374-.781.619 12 15.381 12-15.391-.755-.609z'/%3E%3C/svg%3E"); background-position:right 9px top 10px; background-size:auto 45%;}
.group-form.select.datalist input {width:calc(100% - 15px); height:40px; line-height:20px;}
.group-form.textarea {width:100%; min-height:75px;}
.group-form textarea {padding-left:10px; padding-right:10px; width:calc(100% - 2px); height:100%;}
.group-form.title a:first-child {border-top-right-radius:0; border-bottom-right-radius:0;}
.group-form.title a:first-child + * {border-radius:0;}
.group-form.title a:last-child {border-top-left-radius:0; border-bottom-left-radius:0;}
.group-form.title .group-form {border-top:0; border-bottom:0;}
.legendA {text-align:right; clear:both;}
.legendA div, 
.legendA dt, 
.legendA dd {display:inline-block; width:auto;}
.legendA dt {margin-left:7px;}
.legendA dd span {display:inline-block; vertical-align:middle; width:15px; height:15px; border-radius:15px;}
.legendA .data dd span {background-color:#BABBBC;}
.legendA .notice dd span {background-color:#DB1C1C;}
.listA ul li {padding-top:7px; padding-bottom:7px; border-bottom:solid 1px rgba(255, 255, 255, 0.08);}
.must {margin-left:4px; background-size:auto 80%;}
.paginateA {text-align:center; margin-top:15px;}
.paginateA a, 
.paginateA button, 
.paginateA strong {margin-left:3px; margin-right:3px;}
.paginateA a, 
.paginateA strong {display:inline-block; vertical-align:middle; padding-left:5px; padding-right:5px; height:30px; line-height:30px; overflow:hidden;}
.paginateA button {background-size:45% !important;}
.paginateA .first, 
.paginateA .last {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234b4b4b' viewBox='0 0 24 24'%3E%3Cpath d='M0 3.795l2.995-2.98 11.132 11.185-11.132 11.186-2.995-2.981 8.167-8.205-8.167-8.205zm18.04 8.205l-8.167 8.205 2.995 2.98 11.132-11.185-11.132-11.186-2.995 2.98 8.167 8.206z'/%3E%3C/svg%3E");}
.paginateA .first {transform:rotate(180deg);}
.paginateA .next, 
.paginateA .prev {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234b4b4b' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'/%3E%3C/svg%3E");}
.paginateA .next {transform:rotate(180deg);}
.paginateA .group-form {height:36px;}
section {margin-top:35px;}
section.fst {margin-top:0;}
select.primary {height:35px; line-height:35px; border:solid 1px #FD6D6A;}
.standard-overt {color:#78AAF3 !important;}
.standard-short {color:#FB6C6B !important;}
	.group-form.select.standard-over {border-color:#78AAF3;}
	.group-form.select.standard-short {border-color:#FB6C6B;}
strong.sort {display:inline-block; padding-left:15px; padding-right:15px; height:36px; line-height:36px; font-weight:400; color:#FFF; border-radius:36px; background-color:#A9A596; cursor:n-resize;}
strong.sort:hover,
strong.sort:focus,
strong.sort:active {background-color:#FFBF07;}
.sub {font-size:90%; opacity:70%;}
sub {display:inline-block; vertical-align:text-bottom; font-size:70%; line-height:1.0;}
sup {display:inline-block; vertical-align:text-top; font-size:70%; line-height:1.0;}
table th, 
table td {vertical-align:middle; padding-top:8px; padding-bottom:8px; /*height:34px;*/ line-height:1.1; border-bottom-color:rgba(151, 197, 167, 0.3);}
.listA table thead th, 
.listA table thead td {color:rgba(255, 255, 255, 0.8); background-color:#3D4048;}
.listA table tbody th, 
.listA table tfoot th {background-color:#3D4048;}
.listA table tfoot th {position:-webkit-sticky; position:sticky; top:0; left:0;}
table tr.active th,
table tr.active td {background-color:#FDE799;}
table tr.thead {border-top:solid 3px #303649;}
table thead th:first-child, 
table tbody th {border-right-color:rgba(151, 197, 167, 0.3);}
table tr.thead td, 
table tr td.th {background-color:rgba(255, 255, 255, 0.03);}
table tr.disabled th {color:rgba(255, 255, 255, 0.15);}
table tr.disabled td {color:rgba(255, 255, 255, 0.15);}
table tr.disabled td > * {opacity:0.15;}
table button {font-size:14px; color:#FFF; background-color:#FAC300;}
.tableA {border-top:solid 2px rgba(98, 134, 111, 0.7);}
.tableA {max-height:100%; height:calc(100% - 100px);} /* [add] 20211007 테이블 높이가 무한대로 늘어나서 제한 */
.tableA > .ctn {overflow:auto;}
.tableA table {position:relative; border-collapse:separate; /* sticky에 따른 border 붕괴 문제 */ border-spacing:0;}
.tableA > .ctn > table th {z-index:600;}
.tableA table thead {position:relative; z-index:700;}
.tableA table thead th,
.tableA table thead td {position:-webkit-sticky; /* for Safari */ position:sticky; /*top:0;*/ top:-1px; background-color:#F2F3F2; z-index:600;} /* 20230627-1px버그 */
.tableA table thead tr:nth-child(2) th,
.tableA table thead tr:nth-child(2) td {top:40px;}
.tableA table thead tr.rowChild th,
.tableA table thead tr.rowChild td {top:39px;}
.tableA table thead th:first-child {left:0; z-index:700 !important;}
.tableA table tbody th {position:-webkit-sticky; /* for Safari */ position:sticky; left:0; background-color:#F2F3F2; z-index:550;}
.tableA table tbody tr:first-child th, 
.tableA table tbody tr:first-child td {border-top:solid 1px rgba(98, 134, 111, 0.5);}
.tableA .group-form,
.tableA table td table th {z-index:100 !important;}
.table-bdr th, 
.table-bdr td {border-right:solid 1px rgba(151, 197, 167, 0.3);}
.table-card {border:solid 3px #FFBF07; border-radius:18px; overflow:hidden;}
.table-card > .ctn {overflow-x:auto;}
.table-card tr:first-child th,
.table-card tr:first-child td {padding-top:15px;}
.table-card tr:last-child th,
.table-card tr:last-child td{padding-bottom:15px; border-bottom:0;}
.table-card.table-vertical {border-top-color:#FFBF07; border-top-width:3px;}
.table-multiRow th, 
.table-multiRow td {border-right-color:rgba(151, 197, 167, 0.3);}
.table-multiRow thead tr:not(:first-child) td:last-child {border-right:solid 1px rgba(151, 197, 167, 0.3);}
.table-vertical {border-top:solid 2px #5B627A;}
.table-vertical th {background-color:#F5F5F5;}
.tableA .innerT .tableA {border-top:0;}
.today-now {font-weight:800; color:#000 !important;}
.unit {font-size:90%; font-weight:300;}



/*
   * ------------------------------------------------------------------------
   * X-#menuToggle
   * ------------------------------------------------------------------------
   */
body {overflow-x:hidden; overflow-y:scroll;}
/* body::before {position:absolute; left:0; bottom:0; width:350px; height:430px; background-repeat:no-repeat; background-position:right 30px bottom -260px; background-image:url("../images/sense/bg-arr.png"); content:'';} */
.navAll {position:absolute; top:0; left:0; height:100%;}
.navAll h2 {display:none;}
#menuToggle {display:block; position:relative; top:0; left:0; height:100%; z-index:1000; -webkit-user-select:none; user-select:none;}
#menuToggle a {text-decoration:none; color:#232323; transition:color 0.3s ease;}
#menuToggle a:hover {color:tomato;}
#menuToggle input:not(.selFarmData) {position:fixed; top:0; left:0; display:block; width:120px; height:65px; cursor:pointer; opacity:0; z-index:1000; -webkit-touch-callout:none;}
#menuToggle input:not(.selFarmData):checked ~ ul {transform:none;}
#menuToggle input:not(.selFarmData):checked ~ ul::before {position:fixed; left:0; top:0; text-align:center; width:200px; height:67px; line-height:75px; font-size:26px; font-weight:800; color:#232323; background-color:rgba(237, 237, 237, 0.95); z-index:1000; content:'X';}
ul#menu {position:fixed; left:0; top:0; margin:0; padding:50px; width:100px; height:calc(100% - 100px); background:#EDEDED; list-style-type:none; -webkit-font-smoothing:antialiased; transform-origin:0% 0%; transform:translate(-100%, 0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); overflow-y:auto; overflow-x:hidden;}
ul#menu > li a {padding:10px 0 0 0; width:100%; font-size:22px;}
ul#menu ul li a {position:relative; padding:0; width:100%; font-size:15px;}
ul#menu ul li a::before {content:'- ';}
ul#menu li.pnbA {margin-top:15px; width:100%;}
ul#menu li.pnbA .group-form.select {margin-top:10px; border-color:rgba(35, 35, 35, 0.5);}
ul#menu li.pnbA input, 
ul#menu li.pnbA input::placeholder, 
ul#menu li.pnbA select {color:#232323;}
ul#menu li.pnbA a {padding-top:0; height:20px; line-height:20px; font-size:15px; background-image:url(''); background-color:transparent;}
ul#menu li.pnbA a::before {content:'- ';}
ul#menu li.pnbA a.my {padding-left:10px;}
ul#menu li.pnbA a.my::before {right:auto; left:0;}
ul#menu li.pnbA a.guide {margin-top:5px; width:100%;}



/*
   * ------------------------------------------------------------------------
   * X-#Header
   * ------------------------------------------------------------------------
   */
body {background-color:#FFF;}
#wrap {position:relative; height:100%;}
h1 {position:fixed; top:7px; left:0; text-align:center; width:120px; height:65px; line-height:65px; font-size:25px; font-weight:700; color:rgba(57, 60, 50, 0.7); z-index:1000; overflow:hidden;}
h1 > span {font-weight:inherit;}
h1 {line-height:55px;}
h1 strong.farm {display:block; margin-top:-17px; font-size:13px; font-weight:300; letter-spacing:-1px; color:rgba(255, 255, 255, 0.7);}
h2 {padding-left:25px; background:url("../images/sense/bu-h2.png") no-repeat 0 6px;}
#header {position:fixed; top:0; left:120px; right:0; height:65px; background-color:rgba(255, 255, 255, 0.4); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:900;}
#header > .ctn {padding-left:50px; padding-right:50px; width:calc(100% - 100px);}
#header .tabA {margin:0 auto; margin-bottom:15px; max-width:1700px;}
#header .tabA li {position:relative; float:left; display:inline-block; height:65px; border-bottom:solid 3px #BABBBC;}
#header .tabA li.active {border-bottom-color:#43AB8E;}
#header .tabA li::after {position:absolute; top:25px; bottom:25px; left:0; width:1px; background-color:rgba(102, 100, 95, 0.3); content:'';}
#header .tabA li:first-of-type::after {width:0;}
#header .tabA li a {line-height:65px; font-size:20px; color:#BABBBC;}
#header .tabA li a span {font-weight:inherit;}
#header .tabA li.active a {color:#000;}
#top_container {position:relative; margin-left:120px; min-height:calc(100% - 50px);} /* [add] 20211007. height 추가. .table-fix 최대 높이 설정 이유 */
#top_container.heightFull {height:calc(100% - 50px);}
#top_container.heightFull > .ctn {height:100%;}
#top_container.heightFull #main {height:calc(100% - 90px);}
#top_container.heightFull #main > .ctn,
#top_container.heightFull #main > .ctn > .fL {height:100%;}
#top_container #main > .ctn {position:relative;}
#top_container.heightFull #main .listA {height:calc(100% - 50px);}
#top_container.heightFull #main .srchA + .listA {margin-top:10px; height:calc(100% - 50px);}
#container {min-height:100%; height:100%;}
#nav {position:fixed; top:0; bottom:0; left:0; width:120px; box-shadow:6px 0 10px 3px rgba(0, 0, 0, 0.07); background-color:#FDFDFD; z-index:900;}
#nav h2 {display:none;}
#nav .nav {padding-top:75px;}
#nav .nav li {text-align:center; padding-bottom:15px;}
#nav .nav li a {position:relative; display:inline-block; text-align:center; margin:0 auto; width:80px; height:85px; line-height:125px; color:#FFF; overflow:hidden;}
#nav .nav li a::after {position:absolute; top:0; left:50%; margin-left:-40px; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; border-radius:16px; background-color:#71717A; content:''; z-index:-1;}
#nav .nav li.active a {/*color:#4B4B4B;*/ color:#FFF;}
#nav .nav li.active a::before {border-top:solid 1px rgba(255, 255, 255, 0.3); background-color:transparent;}
#nav .nav li.active a::after {border-radius:18px; background-color:#43AB8E; opacity:1.0; z-index:-1;}
#nav .nav li.activeB a::after {background-color:#A5D05D;}
#nav .nav li.dashboard a::after {background-image:url("../images/sense/nav-dashboard.png");}
/*#nav .nav li.dashboard.active a::after {background-image:url("../images/sense/nav-dashboard-active.png");}*/
#nav .nav li.reports a::after {background-image:url("../images/sense/nav-reports.png");}
/*#nav .nav li.reports.active a::after {background-image:url("../images/sense/nav-reports-active.png");}*/
#nav .nav li.device a::after {background-size:42%; background-position:center 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill:rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 3H7c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2h8c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM6 9h4l-.003 9H4V9h2zm6 8V9c0-1.103-.897-2-2-2H7V5h11v12h-6z'%3E%3C/path%3E%3C/svg%3E");}
/*#nav .nav li.device.active a::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(75, 75, 75, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 3H7c-1.103 0-2 .897-2 2v2H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2h8c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM6 9h4l-.003 9H4V9h2zm6 8V9c0-1.103-.897-2-2-2H7V5h11v12h-6z'%3E%3C/path%3E%3C/svg%3E");}*/
#nav .nav li.assign a::after {background-size:36%; background-position:center 15px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M21 9c-1.656 0-3 1.343-3 3s1.344 3 3 3 3-1.343 3-3-1.344-3-3-3zm-15 9c-1.657 0-3 1.343-3 3s1.343 3 3 3c1.656 0 3-1.343 3-3s-1.344-3-3-3zm3-15c0 1.657-1.344 3-3 3s-3-1.343-3-3 1.344-3 3-3 3 1.343 3 3zm1.588-1.979l.412-.021c4.281 0 7.981 2.45 9.8 6.021-.717.029-1.39.21-1.998.511-1.555-2.703-4.466-4.532-7.802-4.532 0-.703-.149-1.372-.412-1.979zm10.212 15.958c-1.819 3.571-5.519 6.021-9.8 6.021l-.412-.021c.263-.607.412-1.276.412-1.979 3.336 0 6.247-1.829 7.802-4.532.608.302 1.281.483 1.998.511zm-18.91 1.186c-1.193-1.759-1.89-3.88-1.89-6.165s.697-4.406 1.89-6.165c.392.566.901 1.039 1.487 1.403-.867 1.383-1.377 3.012-1.377 4.762s.51 3.379 1.377 4.762c-.586.364-1.096.837-1.487 1.403z'/%3E%3C/svg%3E");}
/*#nav .nav li.assign.active a::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234B4B4B' viewBox='0 0 24 24'%3E%3Cpath d='M21 9c-1.656 0-3 1.343-3 3s1.344 3 3 3 3-1.343 3-3-1.344-3-3-3zm-15 9c-1.657 0-3 1.343-3 3s1.343 3 3 3c1.656 0 3-1.343 3-3s-1.344-3-3-3zm3-15c0 1.657-1.344 3-3 3s-3-1.343-3-3 1.344-3 3-3 3 1.343 3 3zm1.588-1.979l.412-.021c4.281 0 7.981 2.45 9.8 6.021-.717.029-1.39.21-1.998.511-1.555-2.703-4.466-4.532-7.802-4.532 0-.703-.149-1.372-.412-1.979zm10.212 15.958c-1.819 3.571-5.519 6.021-9.8 6.021l-.412-.021c.263-.607.412-1.276.412-1.979 3.336 0 6.247-1.829 7.802-4.532.608.302 1.281.483 1.998.511zm-18.91 1.186c-1.193-1.759-1.89-3.88-1.89-6.165s.697-4.406 1.89-6.165c.392.566.901 1.039 1.487 1.403-.867 1.383-1.377 3.012-1.377 4.762s.51 3.379 1.377 4.762c-.586.364-1.096.837-1.487 1.403z'/%3E%3C/svg%3E");}*/
#nav .nav li.admin a::after {background-position:center top 15px; background-size:32px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm7.753 18.305c-.261-.586-.789-.991-1.871-1.241-2.293-.529-4.428-.993-3.393-2.945 3.145-5.942.833-9.119-2.489-9.119-3.388 0-5.644 3.299-2.489 9.119 1.066 1.964-1.148 2.427-3.393 2.945-1.084.25-1.608.658-1.867 1.246-1.405-1.723-2.251-3.919-2.251-6.31 0-5.514 4.486-10 10-10s10 4.486 10 10c0 2.389-.845 4.583-2.247 6.305z'/%3E%3C/svg%3E");}
#nav .nav li.selDevice {text-align:center;}
#nav .nav li.selDevice .group-form {height:36px; border:0;}
#nav .nav li.selDevice select {margin:0 auto; padding-left:10px; padding-right:25px; width:80px; color:#FFF; background-color:#32353C; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23868686' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 12c0-6.627-5.373-12-12-12s-12 5.373-12 12 5.373 12 12 12 12-5.373 12-12zm-18.005-1.568l1.415-1.414 4.59 4.574 4.579-4.574 1.416 1.414-5.995 5.988-6.005-5.988z'/%3E%3C/svg%3E"); background-size:auto 45%; background-position:right 5px top 9px;}
.pnbA {margin:0 auto; width:80px; overflow:hidden;}
.pnbA .group-form.select {width:calc(100% - 2px); border:solid 1px rgba(255, 255, 255, 0.2);}
.pnbA .group-form.select input {width:90%; line-height:1.0; background-color:transparent;}
.pnbA .group-form.select input, 
.pnbA .group-form.select input::placeholder {letter-spacing:-1px; color:rgba(255, 255, 255, 0.9);}
.pnbA .group-form.select select {padding-left:10px; background-color:transparent; background-size:auto 20%;}
.pnbA a {position:relative; display:inline-block; float:left; margin-top:5px; padding:0; width:50%; height:40px; line-height:200px; border-radius:20px; border:0; background-color:#71717A; background-repeat:no-repeat; background-position:center;}
.pnbA a.my {border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EAEAEA' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M20.822 18.096c-3.439-.794-6.641-1.49-5.09-4.418 4.719-8.912 1.251-13.678-3.732-13.678-5.082 0-8.465 4.949-3.732 13.678 1.598 2.945-1.725 3.641-5.09 4.418-2.979.688-3.178 2.143-3.178 4.663l.005 1.241h23.99l.005-1.241c0-2.52-.199-3.975-3.178-4.663zm-1.822 3.904h-5v-2h5v2z'/%3E%3C/svg%3E"); background-size:auto 50%;}
.pnbA a.my::before {position:absolute; right:0; top:0; width:1px; height:100%; background-color:rgba(255, 255, 255, 0.1); content:'';}
.pnbA a.signOut {border-top-left-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EAEAEA' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M8 9v-4l8 7-8 7v-4h-8v-6h8zm6-7c-1.787 0-3.46.474-4.911 1.295l.228.2 1.395 1.221c1.004-.456 2.115-.716 3.288-.716 4.411 0 8 3.589 8 8s-3.589 8-8 8c-1.173 0-2.284-.26-3.288-.715l-1.395 1.221-.228.2c1.451.82 3.124 1.294 4.911 1.294 5.522 0 10-4.477 10-10s-4.478-10-10-10z'/%3E%3C/svg%3E"); background-size:auto 62%;}
.pnbA a.guide {margin-top:-5px; width:100%; /*line-height:40px; text-indent:31px; font-weight:100; font-size:13px; color:#FFF;*/ border-top-left-radius:0; border-top-right-radius:0; border-top:solid 1px rgba(255, 255, 255, 0.2); /*background-size:auto 54%; background-position:7px 7px;*/ background-color:#65807F; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EAEAEA' width='24' height='24' viewBox='0 0 24 24' style='transform: ;msFilter:;'%3E%3Cpath d='M19 2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.806 5 19c0-.101.009-.191.024-.273.112-.576.584-.717.988-.727H21V4a2 2 0 0 0-2-2zm0 9-2-1-2 1V4h4v7z'%3E%3C/path%3E%3C/svg%3E");}
#main {margin:0 auto; padding-top:90px; padding-left:50px; padding-right:50px; max-width:1700px; height:100%; z-index:100;} /* [add] 20211007. height 추가. .table-fix 최대 높이 설정 이유 */
.srchA input[type="text"], 
.srchA input::placeholder {text-indent:10px;}
.srchA .group-form.button {height:40px; border-radius:0; background-color:transparent;}
.srchA .group-form.button a.button {padding:0; width:36px; height:36px;}
.srchA .group-form.button button.button {padding:0; width:40px; height:40px;}
.srchA .button.new {line-height:100px; background-size:auto 55%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2343AB8E' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M24 9h-9v-9h-6v9h-9v6h9v9h6v-9h9z'/%3E%3C/svg%3E"); overflow:hidden;}
.deviceSelA {float:right; margin-bottom:8px; width:auto;}
.deviceSelA .group-form input, 
.deviceSelA .group-form select, 
.deviceSelA .group-form textarea, 
.deviceSelA .group-form strong.dt, 
.deviceSelA .group-form.form > .group.panel {background-color:#CAE2DB;}
.deviceSelA .group-form.form input + span, 
.deviceSelA .group-form.form input[type="checkbox"]:checked + span {color:#000;}
.deviceSelA .group-form.form {border-radius:40px;}
.deviceSelA .group-form.form input + span {height:100%; line-height:40px; background-size:auto 60%;}
.deviceSelA .group-form.form input:checked + span {font-weight:400;}
.deviceSelA .accordion {position:relative; line-height:40px; padding-left:10px; padding-right:40px !important;}
.deviceSelA .accordion::after {position:absolute; right:5px; top:2px; width:36px; height:36px; background-image:url("data:image/svg+xml,%3Csvg fill='%2371717A' width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm0 1c6.071 0 11 4.929 11 11s-4.929 11-11 11-11-4.929-11-11 4.929-11 11-11zm-3 5.753l6.44 5.247-6.44 5.263.678.737 7.322-6-7.335-6-.665.753z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size:auto 58%; content:'';}
.deviceSelA .accordion.activeTg::after {transform:rotate(180deg);}
.deviceSelA .accordion + .panel {max-width:0; overflow:hidden; -webkit-transition:width 1s; transition:width 1s;}
.deviceSelA .accordion.activeTg + .panel {display:inline-block !important; max-width:none !important; width:auto;}
#top_footer {position:relative; text-align:center; width:100%; height:40px; line-height:40px;}
#top_footer .ctn {margin:0 auto; padding:0 150px 0 150px; width:fit-content; line-height:40px;}

.srchA {float:left; margin-bottom:8px; width:auto;}
.viewSelA, 
.authSelA {position:relative; float:right; text-align:right; margin-left:5px; margin-bottom:8px; width:auto;}
.authSelA .group-form.select select {width:calc(100% - 30px);}
.group-form.datalist {max-width:170px;}
.chartA, 
.tableA {clear:both;}



/*
   * ------------------------------------------------------------------------
   * X-Dashboard
   * ------------------------------------------------------------------------
   */
[data-location="dashboard"] .viewSelA a {padding-left:37px; background-repeat:no-repeat; background-size:auto 54%; background-position:left 12px center;}
[data-location="dashboard"] .viewSelA .locationT {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23BABBBC' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-5.522 0-10 4.395-10 9.815 0 5.505 4.375 9.268 10 14.185 5.625-4.917 10-8.68 10-14.185 0-5.42-4.478-9.815-10-9.815zm0 18c-4.419 0-8-3.582-8-8s3.581-8 8-8 8 3.582 8 8-3.581 8-8 8z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .viewSelA .locationT.active {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234B4B4B' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-5.522 0-10 4.395-10 9.815 0 5.505 4.375 9.268 10 14.185 5.625-4.917 10-8.68 10-14.185 0-5.42-4.478-9.815-10-9.815zm0 18c-4.419 0-8-3.582-8-8s3.581-8 8-8 8 3.582 8 8-3.581 8-8 8z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .viewSelA .listT {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23BABBBC' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 17h-12v-2h12v2zm0-4h-12v-2h12v2zm0-4h-12v-2h12v2z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .viewSelA .listT.active {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%234B4B4B' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 17h-12v-2h12v2zm0-4h-12v-2h12v2zm0-4h-12v-2h12v2z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .srchA {}
[data-location="dashboard"] .boardA {position:relative; text-align:center; padding-bottom:40px; clear:both;}
[data-location="dashboard"] .boardA > .ctn {text-align:left; margin:0 auto; width:auto;}
[data-location="dashboard"] .boardA h2 {font-size:20px;}
[data-location="dashboard"] .location {position:relative; display:inline-block; vertical-align:top; margin:0 30px 30px 0; padding:20px 35px 35px 30px; width:150px; border-radius:20px; border:solid 3px #43AB8E; background-color:#FFF; transition:all 0.2s; /*overflow:hidden;*/ cursor:pointer; z-index:100;}
[data-location="dashboard"] .location:hover {box-shadow:6px 6px 10px 3px rgba(0, 0, 0, 0.1); transform:translate(-5px, -5px);}
[data-location="dashboard"] .location::before {position:absolute; right:10px; top:10px; width:15px; height:15px; border-radius:15px; background-color:#FFF; content:'';}
[data-location="dashboard"] .location.err::before {background-color:#DB1C1C;}
[data-location="dashboard"] .location h3 {width:calc(100% - 10px); height:30px; font-size:17px; line-height:2; font-weight:600; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-overflow:ellipsis; overflow:hidden;}
[data-location="dashboard"] .location .setting {position:absolute; top:25px; right:20px; width:30px; height:22px; line-height:100px; background-repeat:no-repeat; background-position:center top; background-image:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%23000000' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 16.495c1.242 0 2.25 1.008 2.25 2.25s-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25 1.008-2.25 2.25-2.25zm0-6.75c1.242 0 2.25 1.008 2.25 2.25s-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25 1.008-2.25 2.25-2.25zm0-6.75c1.242 0 2.25 1.008 2.25 2.25s-1.008 2.25-2.25 2.25-2.25-1.008-2.25-2.25 1.008-2.25 2.25-2.25z'/%3E%3C/svg%3E"); transition:all 0.2s; z-index:1000; overflow:hidden;}
[data-location="dashboard"] .location .setting:hover {background-size:100%; height:26px; transform:translate(0, -3px);}
[data-location="dashboard"] .location .info-common {position:absolute; bottom:10px; left:50%; margin-left:-50px;}
[data-location="dashboard"] .location .info-common .update dt {display:none;}
[data-location="dashboard"] .location .info-common .update dd {font-size:13px; color:#999;}
[data-location="dashboard"] .location .deviceG {position:relative;}
[data-location="dashboard"] .location .device {margin-top:10px; height:55px; background-repeat:no-repeat; background-position:left center;}
[data-location="dashboard"] .location .device.tmp {background-position:left -12px center; background-size:auto 58px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2371717A' d='M13,15.28V10.5a1,1,0,0,0-2,0v4.78A2,2,0,0,0,10,17a2,2,0,0,0,4,0A2,2,0,0,0,13,15.28ZM16.5,13V5.5a4.5,4.5,0,0,0-9,0V13a6,6,0,0,0,3.21,9.83A7,7,0,0,0,12,23,6,6,0,0,0,16.5,13Zm-2,7.07a4,4,0,0,1-5.32-6,1,1,0,0,0,.3-.71V5.5a2.5,2.5,0,0,1,5,0v7.94a1,1,0,0,0,.3.71,4,4,0,0,1-.28,6Z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .location.err .device.tmp.err {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23CE181E' d='M13,15.28V10.5a1,1,0,0,0-2,0v4.78A2,2,0,0,0,10,17a2,2,0,0,0,4,0A2,2,0,0,0,13,15.28ZM16.5,13V5.5a4.5,4.5,0,0,0-9,0V13a6,6,0,0,0,3.21,9.83A7,7,0,0,0,12,23,6,6,0,0,0,16.5,13Zm-2,7.07a4,4,0,0,1-5.32-6,1,1,0,0,0,.3-.71V5.5a2.5,2.5,0,0,1,5,0v7.94a1,1,0,0,0,.3.71,4,4,0,0,1-.28,6Z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .location.off .device.tmp {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23BABBBC' d='M13,15.28V10.5a1,1,0,0,0-2,0v4.78A2,2,0,0,0,10,17a2,2,0,0,0,4,0A2,2,0,0,0,13,15.28ZM16.5,13V5.5a4.5,4.5,0,0,0-9,0V13a6,6,0,0,0,3.21,9.83A7,7,0,0,0,12,23,6,6,0,0,0,16.5,13Zm-2,7.07a4,4,0,0,1-5.32-6,1,1,0,0,0,.3-.71V5.5a2.5,2.5,0,0,1,5,0v7.94a1,1,0,0,0,.3.71,4,4,0,0,1-.28,6Z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .location .device.humidity { background-position:left -5px center; background-size:auto 44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%2371717A' %3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M12,2c-5.33,4.55-8,8.48-8,11.8c0,4.98,3.8,8.2,8,8.2s8-3.22,8-8.2C20,10.48,17.33,6.55,12,2z M7.83,14 c0.37,0,0.67,0.26,0.74,0.62c0.41,2.22,2.28,2.98,3.64,2.87c0.43-0.02,0.79,0.32,0.79,0.75c0,0.4-0.32,0.73-0.72,0.75 c-2.13,0.13-4.62-1.09-5.19-4.12C7.01,14.42,7.37,14,7.83,14z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .location.err .device.humidity.err {background-size:auto 44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23CE181E' %3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M12,2c-5.33,4.55-8,8.48-8,11.8c0,4.98,3.8,8.2,8,8.2s8-3.22,8-8.2C20,10.48,17.33,6.55,12,2z M7.83,14 c0.37,0,0.67,0.26,0.74,0.62c0.41,2.22,2.28,2.98,3.64,2.87c0.43-0.02,0.79,0.32,0.79,0.75c0,0.4-0.32,0.73-0.72,0.75 c-2.13,0.13-4.62-1.09-5.19-4.12C7.01,14.42,7.37,14,7.83,14z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .location.off .device.humidity {background-size:auto 44px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23BABBBC' %3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M12,2c-5.33,4.55-8,8.48-8,11.8c0,4.98,3.8,8.2,8,8.2s8-3.22,8-8.2C20,10.48,17.33,6.55,12,2z M7.83,14 c0.37,0,0.67,0.26,0.74,0.62c0.41,2.22,2.28,2.98,3.64,2.87c0.43-0.02,0.79,0.32,0.79,0.75c0,0.4-0.32,0.73-0.72,0.75 c-2.13,0.13-4.62-1.09-5.19-4.12C7.01,14.42,7.37,14,7.83,14z'/%3E%3C/svg%3E");}
[data-location="dashboard"] .location .device.nh3 {background-position:left 0 top 10px; background-size:auto 42px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2371717A; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cpath class='cls-1' d='M20.6,9.3c-.4-2.8-2.2-5.2-4.8-6.2h0c-1.3-1.9-3.4-3.2-5.9-3.2S4.8,1.6,3.8,4.2c-2.1.6-3.8,2.7-3.8,4.8s.8,3.1,2.1,4c0-.2,0-.3,0-.5,0-.3,0-.5,0-.7,0,.2,0,.5,0,.7,0,3,2.5,5.5,5.5,5.5h12.1c2.4,0,4.4-2,4.4-4.4,0-2-1.4-3.8-3.4-4.3ZM14.5,2.8s0,0,0,0c0,0,0,0,0,0ZM13.8,2.7s0,0,0,0c0,0,0,0,0,0ZM2.4,10.5s0,0,0,0c-.3-.5-.4-1-.4-1.5,0-1.4,1.2-2.8,2.7-3h.6c0-.1.2-.7.2-.7.7-2.1,2.4-3.3,4.6-3.3s1.7.3,2.4.7c-2.8.2-5.2,1.9-6.3,4.5-1.7.5-3.1,1.8-3.7,3.4ZM2.1,11.5c0-.2,0-.4.1-.5,0,.2-.1.4-.1.5ZM11.8,14.6h-1.2l-2.4-3.5h0v3.5h-1.4v-6h1.2l2.4,3.5h0v-3.5h1.4v6ZM17.9,14.6h-1.4v-2.4h-2.4v2.4h-1.4v-6h1.4v2.4h2.4v-2.4h1.4v6ZM20.1,15.9c-.9,0-1.4-.5-1.5-1.2h.9c0,.2.2.3.5.3.3,0,.6-.1.6-.4s-.2-.4-.6-.4h-.4v-.8h.4c.3,0,.5-.1.5-.4,0-.2-.2-.4-.5-.3-.3,0-.5.1-.5.3h-.9c0-.7.6-1.1,1.4-1.1.8,0,1.3.5,1.3,1.1,0,.4-.3.7-.7.8h0c.5,0,.8.4.8.9,0,.7-.6,1.2-1.5,1.2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
[data-location="dashboard"] .location.err .device.nh3.err {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23CE181E; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cpath class='cls-1' d='M20.6,9.3c-.4-2.8-2.2-5.2-4.8-6.2h0c-1.3-1.9-3.4-3.2-5.9-3.2S4.8,1.6,3.8,4.2c-2.1.6-3.8,2.7-3.8,4.8s.8,3.1,2.1,4c0-.2,0-.3,0-.5,0-.3,0-.5,0-.7,0,.2,0,.5,0,.7,0,3,2.5,5.5,5.5,5.5h12.1c2.4,0,4.4-2,4.4-4.4,0-2-1.4-3.8-3.4-4.3ZM14.5,2.8s0,0,0,0c0,0,0,0,0,0ZM13.8,2.7s0,0,0,0c0,0,0,0,0,0ZM2.4,10.5s0,0,0,0c-.3-.5-.4-1-.4-1.5,0-1.4,1.2-2.8,2.7-3h.6c0-.1.2-.7.2-.7.7-2.1,2.4-3.3,4.6-3.3s1.7.3,2.4.7c-2.8.2-5.2,1.9-6.3,4.5-1.7.5-3.1,1.8-3.7,3.4ZM2.1,11.5c0-.2,0-.4.1-.5,0,.2-.1.4-.1.5ZM11.8,14.6h-1.2l-2.4-3.5h0v3.5h-1.4v-6h1.2l2.4,3.5h0v-3.5h1.4v6ZM17.9,14.6h-1.4v-2.4h-2.4v2.4h-1.4v-6h1.4v2.4h2.4v-2.4h1.4v6ZM20.1,15.9c-.9,0-1.4-.5-1.5-1.2h.9c0,.2.2.3.5.3.3,0,.6-.1.6-.4s-.2-.4-.6-.4h-.4v-.8h.4c.3,0,.5-.1.5-.4,0-.2-.2-.4-.5-.3-.3,0-.5.1-.5.3h-.9c0-.7.6-1.1,1.4-1.1.8,0,1.3.5,1.3,1.1,0,.4-.3.7-.7.8h0c.5,0,.8.4.8.9,0,.7-.6,1.2-1.5,1.2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
[data-location="dashboard"] .location.off .device.nh3 {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23BABBBC; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.7.1, SVG Export Plug-In . SVG Version: 1.2.0 Build 142) --%3E%3Cg%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cpath class='cls-1' d='M20.6,9.3c-.4-2.8-2.2-5.2-4.8-6.2h0c-1.3-1.9-3.4-3.2-5.9-3.2S4.8,1.6,3.8,4.2c-2.1.6-3.8,2.7-3.8,4.8s.8,3.1,2.1,4c0-.2,0-.3,0-.5,0-.3,0-.5,0-.7,0,.2,0,.5,0,.7,0,3,2.5,5.5,5.5,5.5h12.1c2.4,0,4.4-2,4.4-4.4,0-2-1.4-3.8-3.4-4.3ZM14.5,2.8s0,0,0,0c0,0,0,0,0,0ZM13.8,2.7s0,0,0,0c0,0,0,0,0,0ZM2.4,10.5s0,0,0,0c-.3-.5-.4-1-.4-1.5,0-1.4,1.2-2.8,2.7-3h.6c0-.1.2-.7.2-.7.7-2.1,2.4-3.3,4.6-3.3s1.7.3,2.4.7c-2.8.2-5.2,1.9-6.3,4.5-1.7.5-3.1,1.8-3.7,3.4ZM2.1,11.5c0-.2,0-.4.1-.5,0,.2-.1.4-.1.5ZM11.8,14.6h-1.2l-2.4-3.5h0v3.5h-1.4v-6h1.2l2.4,3.5h0v-3.5h1.4v6ZM17.9,14.6h-1.4v-2.4h-2.4v2.4h-1.4v-6h1.4v2.4h2.4v-2.4h1.4v6ZM20.1,15.9c-.9,0-1.4-.5-1.5-1.2h.9c0,.2.2.3.5.3.3,0,.6-.1.6-.4s-.2-.4-.6-.4h-.4v-.8h.4c.3,0,.5-.1.5-.4,0-.2-.2-.4-.5-.3-.3,0-.5.1-.5.3h-.9c0-.7.6-1.1,1.4-1.1.8,0,1.3.5,1.3,1.1,0,.4-.3.7-.7.8h0c.5,0,.8.4.8.9,0,.7-.6,1.2-1.5,1.2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}
[data-location="dashboard"] .location .device dl {margin:0 auto; margin-left:44px; padding-top:7px; width:calc(100% - 40px);}
[data-location="dashboard"] .location .device dl dt {display:none;}
[data-location="dashboard"] .location .device dl dd {text-align:left; vertical-align:middle; width:100%; line-height:1.1;}
[data-location="dashboard"] .location .battery {position:absolute; right:-10px; top:13px;}
[data-location="dashboard"] .location .battery dt {display:none;}
[data-location="dashboard"] .location .battery dd {position:relative; height:40px; font-size:13px; font-weight:800; color:#4B4B4B; background:url("../images/sense/ico-battery.png") no-repeat 0 17px;}
[data-location="dashboard"] .location .battery.low dd {color:#DB1C1C; background:url("../images/sense/ico-battery-low.png") no-repeat 0 17px;}
[data-location="dashboard"] .location .value {/*margin-top:-4px;*/ margin-top:10px;}
[data-location="dashboard"] .location .value dd {position:relative; font-size:27px; font-weight:700; letter-spacing:-0.5px;}
[data-location="dashboard"] .location .value .unit {font-size:60%; font-weight:inherit;}
[data-location="dashboard"] .location .value .drt {position:absolute; /*top:3px; right:0;*/ top:-20px; left:-6px; width:30px; height:30px;}
[data-location="dashboard"] .location .value .drt::before {position:absolute; left:0; top:0; width:100%; height:100%; background-size:120%; background-position:center; background-repeat:no-repeat; background-image:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%23FF534A' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.843 13.789c.108.141.157.3.157.456 0 .389-.306.755-.749.755h-8.501c-.445 0-.75-.367-.75-.755 0-.157.05-.316.159-.457 1.203-1.554 3.252-4.199 4.258-5.498.142-.184.36-.29.592-.29.23 0 .449.107.591.291 1.002 1.299 3.044 3.945 4.243 5.498z'/%3E%3C/svg%3E"); content:'';}
[data-location="dashboard"] .location .value .drt.drt-dn::before {background-image:url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' fill='%235678C8' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.843 13.789c.108.141.157.3.157.456 0 .389-.306.755-.749.755h-8.501c-.445 0-.75-.367-.75-.755 0-.157.05-.316.159-.457 1.203-1.554 3.252-4.199 4.258-5.498.142-.184.36-.29.592-.29.23 0 .449.107.591.291 1.002 1.299 3.044 3.945 4.243 5.498z'/%3E%3C/svg%3E"); transform:rotate(180deg);}
[data-location="dashboard"] .location .value .port {position:absolute; top:-17px; left:20px; max-width:60px; font-size:14px; color:#71717A; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
[data-location="dashboard"] .location.off .value .port {left:2px;}
[data-location="dashboard"] .location .unit {font-size:75%;}
[data-location="dashboard"] .location .unit::before {content:'';}
[data-location="dashboard"] .location .unit::after {content:'';}
[data-location="dashboard"] .location.off {border-color:#BABBBC;}
[data-location="dashboard"] .location.off h3 {color:#BABBBC;}
[data-location="dashboard"] .location.off .device dl dd {color:#BABBBC;}
[data-location="dashboard"] .location.off .value .drt {display:none;}
[data-location="dashboard"] .location.off .battery {display:none;}
/*.lct-dashboardList #main .tableA > .ctn {height:590px;}*/ /* 20241227- 태블릿에서 페이징이 테이블 위로 뜸 */
.lct-dashboardList #main .tableA tbody td {position:relative;}
.lct-dashboardList #main .tableA tr th {width:105px; min-width:105px; max-width:105px;}
.lct-dashboardList #main .tableA tr td:nth-child(2) {position:-webkit-sticky; position:sticky; left:120px; width:110px; min-width:110px; max-width:110px; background-color:#F2F3F2; z-index:600;}
.lct-dashboardList #main .tableA tr th strong, 
.lct-dashboardList #main .tableA tr td:nth-child(2) a {display:inline-block; line-height:1.1; letter-spacing:-1px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all;}
.lct-dashboardList #main .tableA tr th strong {width:100%; font-weight:400;}
.lct-dashboardList #main .tableA tr td:nth-child(2) a {width:calc(100% - 10px);}
.lct-dashboardList #main .tableA thead tr td:nth-child(2) {z-index:700;}
.lct-dashboardList .tableA .innerT th, 
.lct-dashboardList .tableA .innerT td {width:50px;}
.lct-dashboardList .tableA thead .innerT td {background-color:rgba(139, 207, 65, 0.2);}
.lct-dashboardList .tableA tbody .innerT td {background-color:rgba(139, 207, 65, 0.05);}
.lct-dashboardList td.err > .device {display:inline-block; width:20px; height:20px; line-height:200px; background-repeat:no-repeat; overflow:hidden;}
.lct-dashboardList td.err > .device.tmp {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FE857F' d='M13,15.28V10.5a1,1,0,0,0-2,0v4.78A2,2,0,0,0,10,17a2,2,0,0,0,4,0A2,2,0,0,0,13,15.28ZM16.5,13V5.5a4.5,4.5,0,0,0-9,0V13a6,6,0,0,0,3.21,9.83A7,7,0,0,0,12,23,6,6,0,0,0,16.5,13Zm-2,7.07a4,4,0,0,1-5.32-6,1,1,0,0,0,.3-.71V5.5a2.5,2.5,0,0,1,5,0v7.94a1,1,0,0,0,.3.71,4,4,0,0,1-.28,6Z'/%3E%3C/svg%3E");}
.lct-dashboardList td.err > .device.humidity {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FE857F' %3E%3Crect fill='none' height='24' width='24'/%3E%3Cpath d='M12,2c-5.33,4.55-8,8.48-8,11.8c0,4.98,3.8,8.2,8,8.2s8-3.22,8-8.2C20,10.48,17.33,6.55,12,2z M7.83,14 c0.37,0,0.67,0.26,0.74,0.62c0.41,2.22,2.28,2.98,3.64,2.87c0.43-0.02,0.79,0.32,0.79,0.75c0,0.4-0.32,0.73-0.72,0.75 c-2.13,0.13-4.62-1.09-5.19-4.12C7.01,14.42,7.37,14,7.83,14z'/%3E%3C/svg%3E");}
.lct-dashboardList .current {position:absolute; right:0; top:1px; width:16px; height:16px; background-size:100%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%234B4B4B'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10S17.5,2,12,2z M16.2,16.2L11,13V7h1.5v5.2l4.5,2.7L16.2,16.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); content:'';}
.lct-dashboardList #main br {display:none;}
#modalSettings .modal-content {margin-top:80px; width:320px;}
#modalSettings .group-form input[type="number"] {width:70px;}
#modalSettings .group-form.formBtn label {width:50%;}
#modalSettings .group-form.formBtn label span {text-align:center; padding:0; width:100%;}
#modalSettings .tableA > .ctn {overflow-x:hidden;}



/*
   * ------------------------------------------------------------------------
   * X-REPORTS
   * ------------------------------------------------------------------------
   */
[data-location="reports"] .srchA .group-form.datalist, 
[data-location="reports"] .srchA .group-form.select {max-width:155px;}
.lct-reportsPeriod #main .chartA {height:calc(100% - 110px);}
.lct-reportsData #main .tableA {height:calc(100% - 120px);}
.lct-reportsData #main .btnA {margin-top:-37px;}
.lct-reportsLocation #modalLocation .tableA > .ctn {max-height:500px;}
.lct-reportsLocation #modalLocation .tableA tr.selN :is(th, td) {background-color:rgba(186, 187, 188, 0.4);}
.lct-reportsLocation #modalLocation .tableA td .group-form.form {display:block; width:100%;}



/*
   * ------------------------------------------------------------------------
   * X-DEVICE
   * ------------------------------------------------------------------------
   */
[data-location="device"] .group-form.select {max-width:155px;}
/*[data-location="device"] .authSelA {position:absolute; right:0; top:0;}*/
[data-location="device"] .authSelA .group-form select {background-color:#FEDED2;}
#modalSensor table .button.button-xs.new {display:block;/* margin-top:-5px;*/}
#modalSensor .modal-body .innerT .tableA {max-height:225px; height:auto; overflow-y:auto;}
#modalGateway #div_sensor > ul {margin-left:10px; width:auto; overflow:auto;}
#modalGateway .modal-body .tableA tr:nth-child(2) th strong:before, 
#modalGw .modal-body .tableA tr:nth-child(2) th strong:before {display:block; margin-top:-15px; width:100%; height:1px; content:'';}
#modalGw .modal-body td .group-form.form {display:block;}
#modalGw .modal-body td .group-form.form input + span {height:40px; line-height:40px; background-size:auto 20px;}
#modalGw .modal-body .innerT .ulA {margin-left:15px; height:300px; overflow:auto;}
#modalGw .modal-body th strong {display:inline-block;}
#modalLocation table .button.button-xs.new {display:block;/* margin-top:-5px;*/}
#modalLocation .modal-body .innerT .tableA {max-height:225px; height:auto; overflow-y:auto;}
#modalLocation .modal-body #farm_addr {width:calc(100% - 65px) !important;}
#modalShare .modal-body .tableA {/*max-height:380px; height:auto;*/ height:380px; overflow-y:auto;}
#modalColorSet .tableA th, 
#modalColor .tableA th {width:90px;}
#modalColorSet table input[type="number"], 
#modalColor table input[type="number"] {width:70px;}



/*
   * ------------------------------------------------------------------------
   * X-ASSIGN
   * ------------------------------------------------------------------------
   */
#modalShareLocation .tableA th
#modalLocation .tableA th {width:80px;}
#modalShareLocation .tableA.list, 
#modalLocation .tableA.list {max-height:300px; height:auto; overflow-y:auto;}
#modalAssign .tableA .button.check {width:36px; height:36px; background-repeat:no-repeat; background-position:center; background-size:50%; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 22l-10-10.598 2.798-2.859 7.149 7.473 13.144-14.016 2.909 2.806z'/%3E%3C/svg%3E");}



/*
   * ------------------------------------------------------------------------
   * X-MODAL
   * ------------------------------------------------------------------------
   */
.modal {background-color:rgba(63, 71, 67, 0.8);}
.modal.statics > .static {display:block; position:fixed; width:100%; height:100%;}
.modal-content {margin-top:50px; padding-top:20px; background-color:#FFF;}
.modal-header {margin-bottom:15px; padding-bottom:5px;}
.modal .modal-header .close {top:12px;}
.modal-footer a.button,
.modal-footer button.button {color:#000;}
.modal h2 {font-weight:600;}
.modal h3 {margin-top:30px; font-size:17px;}
.modal h3.first {margin-top:0;}
.modal .btnA > .ctn {position:relative;}
.modal .btnA .fL, 
.modal .btnA .fR {position:absolute; top:0;}
.modal .btnA .fL {left:0;}



/*
   * ------------------------------------------------------------------------
   * X-Breakpoints
   * ------------------------------------------------------------------------
   */
@media (max-width:1800px) {
	#main {max-width:none;}
	[data-location="dashboard"] .cautionA .listA li {width:33%;}
}

@media (max-width:1400px) {
	.lct-dashboardList #main br {display:block;}
	.lct-dashboardList #main .tableA tr th {width:55px; min-width:55px; max-width:55px;}
	.lct-dashboardList #main .tableA tr td:nth-child(2) {left:70px; width:60px; min-width:60px; max-width:60px;}
	.lct-dashboardList #main .tableA tr th strong, 
	.lct-dashboardList #main .tableA tr td:nth-child(2) a {display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
}

@media (max-width:1200px) {
	#modalSettings .modal-content {margin-top:40px;}
}

@media (max-width:992px) {
	[data-location="dashboard"] .location {margin-right:20px; padding-left:20px; padding-right:20px;}
	[data-location="dashboard"] .location .setting {right:10px;}
}

@media (max-width:769px) {
	.accordion.active + .panel {padding:15px;}
	.alarmS {left:0;}
	a.button, 
	button.button {padding-left:10px; padding-right:10px;}
	.group-form.button button:first-child {padding-left:15px;}
	.group-form.button button:last-child {padding-right:15px;}
	.group-form strong.dt {padding-left:5px; padding-right:5px; letter-spacing:-1.5px;}
	.group-form.form.form-trigger strong.dt {width:50px;}
	.group-form.period input[type="date"] {width:108px !important;}
	.group-form.period input:last-child::after {right:115px;}
	
	#header {left:0;}
	#header > .ctn {padding-left:25px; padding-right:25px; width:calc(100% - 50px);}
	#header .tabA li {display:none;}
	#header .tabA li.active {display:block; width:100%;}
	#top_container {margin-left:0;}
	#nav {margin-left:-120px; transition:all 0.2s;}
	#nav h1 {position:fixed; left:50px; top:50px;}
	h1:hover #nav {margin-left:0; width:100%;}
	#main {padding-left:25px; padding-right:25px;}
	
	[data-location="dashboard"] .tmp24A, 
	[data-location="dashboard"] .noticeA {width:100%;}
	[data-location="dashboard"] .noticeA {margin-top:15px;}
	[data-location="dashboard"] .boardA {margin-top:10px;}
/*
	[data-location="dashboard"] .boardA .location {height:210px;}
	[data-location="dashboard"] .boardA .location.err {height:210px;}
*/
	[data-location="dashboard"] .boardA .info-c {display:none;}
	
	.modal.modal-md .modal-content {padding-left:20px; padding-right:20px; width:calc(100% - 40px);}
	.modal.modal-md .modal-content .tableA > .ctn {overflow:auto;}
	[data-location="dashboard"] .location .device.nh3 {background-size:auto 38px;}
	[data-location="dashboard"] .location .battery {right:-4px;}
}

@media (max-width:578px) {
	#main {padding-left:16px; padding-right:16px;}
	.group-form.button {height:auto;}
	[data-location="dashboard"] .location .setting {right:0;}
	[data-location="dashboard"] .location {margin-right:4px; padding-left:5px; padding-right:5px; width:132px;}
	[data-location="dashboard"] .location .device {background-size:auto 48px !important;}
	[data-location="dashboard"] .location .device.humidity {background-size:auto 40px !important;}
	[data-location="dashboard"] .location .device.nh3 {background-size:auto 32px !important;}
	[data-location="dashboard"] .location .device dl {margin-left:32px;}
	[data-location="dashboard"] .location .value dd {letter-spacing:-1px;}
	[data-location="dashboard"] .location .value .unit {font-size:12px;}
/*
	[data-location="dashboard"] .location {margin-right:4px; padding-left:10px; padding-right:10px;}
	[data-location="dashboard"] .location .device {background-size: auto 50px;}
	[data-location="dashboard"] .location .device dl {margin-left:40px;}
*/
	
	.modal-content {padding:30px 20px; width:calc(100% - 50px) !important;}
}

@media (max-width:390px) {
	
	
	
	
}


#top_container {height:calc(100% - 40px);}
#main {height:calc(100% - 100px);}
#main > .ctn::after {display:block; height:40px; clear:both; content:'';}
#top_footer {position:fixed; left:0; bottom:0; width:100%; background-color:rgba(255, 255, 255, 0.5); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); z-index:950;}