@charset "utf-8";

/*
css name : component
*/


/* ==================================================
	01 - colors
================================================== */
/* 포인트 컬러 */
.point-color {color:#008d36 !important}

/* 서브 포인트 컬러 지정 */
.sub-color {color:#194c9c !important}

/* 텍스트 컬러 지정 */
.txt-color-basic {color:#353d4a !important}
.txt-color-sub {color:#6d7683 !important}
.txt-color-lighter {color:#aeb3ba !important}


/* ==================================================
	02 - text
================================================== */
/* 애스터리스크 */
.essential:after {display:inline-block; color:#194c9c; content:"*";}

/* 텍스트 한 줄 양식 */
[class^="txt-line-"] {display:inline-block; position:relative;}
.txt-line-one {line-height:34px; vertical-align:middle; min-width:12px;}
.txt-line-inherit {line-height:auto; vertical-align:middle;}
.txt-line-one.isSmall {line-height:24px;}

/* 주의사항 */
.attention li {line-height:18px;}


/* ==================================================
	03 - button
================================================== */
[class^="btn-"] {vertical-align:middle; }

/* button function */
.btn-function {display:inline-flex; align-items: center; justify-content: center; border-radius: 5px; padding:0 20px; height:34px; background:#fff; border:1px solid #fff; line-height:32px; text-align:center; white-space: nowrap; box-sizing:border-box;}
.btn-function.is-line-gray {border-color:#d3d3d3; color:#676767;}
.btn-function.is-line-point {border-color:#008d36; color:#008d36; font-weight:700;}
.btn-function.is-line-point:hover {border-color:#006e2a; color:#006e2a}
.btn-function.is-line-point.no-bg {background:none;}
.btn-function.is-line-black {border-color:#333; color:#333;}
.btn-function.is-fill-point {border-color:#008d36; background:#008d36; color:#fff; font-weight:700;}
.btn-function.is-fill-point:hover {border-color:#006e2a; background:#006e2a;}
.btn-function.is-fill-gray {border-color: #d3d3d3; background-color: #e8e8e8; color: #999; font-weight: 700;}
.btn-function.is-fill-gray.active {border-color:#008d36; background-color:#008d36; color: #fff;}
.btn-function.is-fill-gray.active:hover {border-color:#006e2a; background-color:#006e2a}

/* button small */
.btn-confirm {display:inline-block; padding:0 20px; height:36px; background:#fff; border:1px solid #36304a; line-height:34px; font-size:1.3rem; text-align:center; box-sizing:border-box;}
.btn-confirm.is-fill {background:#36304a; color:#fff; font-weight:700;}
.btn-confirm.is-line {color:#fff; color:#353d4a;}

/* button align */
.area-button {text-align:center; font-size:0;}
.area-button [class^="btn-"] {margin:0 5px;}
.area-button.is-page-end {margin-top:30px; }

[class*="btn-function"].isSmall {height:24px; line-height:22px; border-radius:5px; font-size:1.1rem; padding:0 5px;}

/* ==================================================
	04 - form - input
================================================== */
/* input */
[type="search"],
[type="number"],
[type="tel"],
[type="date"],
[type="text"],
[type="password"] {height:34px;padding:0 10px;border:1px solid #ccc;color:#333;box-sizing:border-box;outline:0; border-radius: 5px; vertical-align:middle;}
textarea {overflow:auto;resize:none;padding:8px;border:1px solid #ccc;box-sizing:border-box;outline:0; border-radius: 6px;}

[type="search"]:hover:not(:disabled),
[type="number"]:hover:not(:disabled),
[type="tel"]:hover:not(:disabled),
[type="date"]:hover:not(:disabled),
[type="text"]:hover:not(:disabled),
[type="password"]:hover:not(:disabled) {border-color:#008d36}

.input-table-size {height:28px; padding:0 3px;}

[type="text"]:disabled,
[type="password"]:disabled {background:#eee; }

input[type="date"] {background:#fff; -webkit-appearance:none;}
input[type="date"]::-webkit-inner-spin-button {-webkit-appearance: none;display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {-webkit-appearance: none;display: none;}

textarea:focus,
[type="number"]:focus,
[type="tel"]:focus,
[type="search"]:focus,
[type="date"]:focus,
[type="text"]:focus,
[type="password"]:focus {border-color:#008d36;}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#aeb3ba !important;}
input::placeholder,
textarea::placeholder {color:#aeb3ba !important;}
input::-webkit-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder {color:#aeb3ba}

/* select */
select {height:34px;padding:0 35px 0 10px;border:1px solid #ccc; color:#333; border-radius: 5px; background:#fff url(../img/common/iconBG_dropdown_arr_20.png) calc(100% - 5px) 50% no-repeat;background-size:auto 20px;-webkit-appearance:none;appearance:none;-moz-appearance: none;outline:0; vertical-align:middle;}
select:hover {border-color:#008d36}
select.rtl {direction:rtl;}
select::-ms-expand {display:none;}
select:disabled {background-color:#eee; pointer-events: none;}
select.no-line {border-width:0px; background-color:transparent;}
select.isSmall {height:24px;}

/* date */
.input-date {display:inline-block; position:relative; width:120px;}
.input-date .date-picker {display:block; position:absolute; top:1px; right:1px; bottom:1px; width:32px; border-radius:0 5px 5px 0; background:#fff url(../img/common/bg_icon_date2.png) 50% no-repeat; background-size: auto 22px;}
.input-date .date-picker:hover {background-image: url(../img/common/bg_icon_date2_on.png);}
.input-date:hover input:not(:disabled) {border-color:#008d36}
.input-date input {width:100%;}

/* option */
.option-box {display:inline-block; font-size:0; vertical-align:middle;}
.option-box label {position:relative; display:inline-block;}
.option-box label + label {margin-left:15px;}
.option-box label span {display:inline-flex; align-items: center; font-size:1.3rem;line-height:20px;vertical-align:middle;}
.option-box [type="radio"],
.option-box [type="checkbox"] {width:1px; height:1px; overflow:hidden; visibility:hidden; margin:-1px; border:none; position:absolute;}
.option-box [type="radio"] + span:before,
.option-box [type="checkbox"] + span:before {display:inline-block; border-radius:6px; content:""; width:18px;height:18px; margin-right:5px; background:#fff; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box;}
.option-box [type="radio"] + span:before {border-radius:50%;}
.option-box [type="checkbox"]:checked + span:before {background:#008d36 url(../img/common/form_check_bg.png) 50% no-repeat; border-color:#008d36;}
.option-box [type="radio"]:checked + span:before {background:url(../img/common/form_radio_bg.png) 50% no-repeat; border-color:#008d36;}
.option-box [type="checkbox"]:disabled + span:before,
.option-box [type="radio"]:disabled + span:before {background:#f6f6f6; border-color:#eee;}

/* option + 단독 */
.option-box.is-alone span {font-size:0;}
.option-box.is-alone label {margin:0;}

/* fileupload */
.filebox {position:relative;}
.filebox.no-photo .upload-display {display:none !important;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {cursor: pointer;}
.filebox .upload-nm { display: inline-block; height:34px; width:270px; padding:0 10px; background-color: #fff; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; vertical-align:middle; border-radius: 5px; outline: 0;}
.filebox .upload-nm:hover,
.filebox .upload-nm:focus {border-color:#008d36}
.filebox [class^="btn-"] {margin-left:4px;}
.filebox + .attention {margin-top:10px;}
.filebox.full {display: flex; gap:0 4px}
.filebox.full .upload-nm {width:100%;}
.filebox.full + .filebox.full {margin-top:5px;}

/* imaged preview */
.filebox.preview-image {display:inline-block;font-size:0; min-height:90px; min-width:90px; background:#f1f1f1 url(../img/icon/icon_photo_line.png) center no-repeat;}
.filebox .photoBox {position:relative; display:inline-block; width:90px; height:90px; border:1px solid #d3d3d3; background:#f1f1f1; cursor:pointer; box-sizing:border-box; text-align:center;}
.filebox .photoBox span {display:block; content:""; position:absolute; top:50%; left:50%; z-index:10; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); }
.filebox .photoBox .icon-photo-line {width:22px;height:18px;background-position:100%;opacity:.4;}
.filebox .photoBox + .del {display:none; position:absolute; top:0; right:0; width:9px; height:9px; background:rgba(0,0,0,.8) url(../img/icon/btn_delete_w.png) 50% no-repeat; cursor:pointer}
.filebox .photoBox.after {position:absolute; top:0; left:0; background:none;}
.filebox .photoBox.after span {font-size:0;  opacity:0;}
.filebox .photoBox.after + .del {display:block; padding:5px;}
.filebox .upload-thumb-wrap {position:relative; display:block; width: 90px; height:90px; border:1px solid #d3d3d3; box-sizing:border-box;}
.filebox .upload-display img {display: block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  width:88px; height:88px; box-sizing:border-box;}


/* ==================================================
	04 - form - input + mixed
================================================== */
[class^="input-cover-"] {position:relative;}
[class^="input-cover-full"] select,
[class^="input-cover-full"] input {width:100%;}

/* 우측 버튼 조합 */
.input-cover-full-btn {display:flex; display:-ms-flex; }
.input-cover-full-btn > .item {width:100%; white-space:nowrap; }
.input-cover-full-btn [class^="btn-"] {flex:none; margin-left:10px; height:34px !important;}
.input-cover-full-btn .is-around {width:100%;}

/* 인풋 다중 정렬 조합 */
.input-cover-multi .item {display:inline-block;}
.input-cover-multi .item input[type="number"] {width:70px; text-align:center; }
.input-cover-multi .item:before {display:inline-block; margin-right:4px; width:20px; text-align:center; content:"-";}
.input-cover-multi.is-tilde {display:inline-block;}
.input-cover-multi.is-tilde .item:before {content:"~";}
.input-cover-multi.is-tilde + [class^="btn-"] {margin-left:16px;}
.input-cover-multi .item:first-child:before {display:none;}

/* 검색양식 */
.form-search .search-cover {position:relative; padding:0 76px 0 154px;}
.form-search .search-cover [class^="btn-"] {position:absolute; top:0; right:0;}
.form-search .search-cover input[type="text"] {width:100%;}
.form-search .search-cover select {position:absolute; top:0; left:0; width:150px;}
.form-search.no-select .search-cover {padding-left:0;}
.form-search.is-iblock {display:inline-block;}

/* 인풋 포함  */
.input-cover-withTxt select + .txt-line-one,
.input-cover-withTxt input + .txt-line-one {vertical-align:top;}


/* ==================================================
	04 - form - label + input / multi line setting
================================================== */
/* 멀티라인 + 버튼위치 지정 */
.multi-line-wrap {position:relative; display: flex; flex-wrap: wrap;}
.multi-line-wrap .label-with-input {margin-top: 8px; margin-right: 14px;}
.multi-line-wrap .label-with-input + .label-with-input {margin-left: 0;}
.multi-line-wrap .final-btn-area {position:absolute; right:0; top:8px;}

/* 멀티라인 높이 지정 */
.multi-line + .multi-line {margin-top:10px;}

/* label + input 기본 */
.label-with-input {display:inline-flex;}
.label-with-input + .label-with-input {margin-left:24px;}
.label-with-input label {display:inline-flex; padding-right:12px; /* min-width:56px; */ font-weight:700; color:#676767; box-sizing:border-box; line-height:34px; vertical-align:middle;}
.label-with-input input {vertical-align:middle;}
.label-with-input select {min-width:100px; vertical-align:middle;}
.label-with-input select + input,
.label-with-input select + select {margin-left: 12px;}
.label-with-input select.is-small {min-width:inherit; height:28px;}
.label-with-input .option-box span {font-size:1.2rem; font-weight:400;}
.label-with-input .option-box span:before {vertical-align:-4px;}
.label-with-input input + [class^="btn-"],
.label-with-input select + div,
.label-with-input [class^="btn-"] + [class^="btn-"],
.label-with-input select + [class^="btn-"] {margin-left:12px;}


/* ==================================================
	05 - paginate
================================================== */
/* 기본 */
.list-paginate {display:inline-block; font-size:0;text-align:center;}
.list-paginate a {display:inline-block; margin:0 2px; width:26px;height:26px; color:#676767; border-radius:50%; line-height:26px; font-size:1.1rem; text-align:center; vertical-align:middle;}
.list-paginate a:hover {color:#008d36; font-weight: 700;}
.list-paginate .dots {display:inline-block; width:26px; height:10px; font-size:1.1rem; vertical-align:middle; line-height:10px; letter-spacing:1px;}
.list-paginate a.prev,
.list-paginate a.next {background:url(../img/common/bg_paginate_arr.png) 50% no-repeat; background-size:13px auto; text-indent:-9999px;}
.list-paginate a.prev {margin-right:20px;}
.list-paginate a.next {transform:rotate(180deg); margin-left:20px; font-size:0;}
.list-paginate a.active {background:#008d36; color:#fff; font-weight:700; /* box-shadow:0 3px 6px rgba(58,191,239,.5) */}


/* ==================================================
	06 - tabs
================================================== */
[data-content="content2"],
[data-content="content"] {display:none;}
[data-content="content2"].active,
[data-content="content"].active {display:block;}

.tabs-type-basic [data-content="menu"] {text-align:center; height:34px; padding:0 24px; font-size:1.4rem; border-radius:17px; background-color: #fff; box-shadow: 3px 1px 1px 0px rgba(0,0,0,0.02);}
.tabs-type-basic button + button {margin-left: 8px;}
.tabs-type-basic [data-content="menu"].active {font-weight:700; color:#008d36; background-color:#d3f0d7 ;}
.tabs-type-basic .tab-add {padding:0 20px; vertical-align:2px;}

.tabs-type-color {font-size:0; border-bottom:1px solid #36304a;}
.tabs-type-color [data-content="menu2"] {text-align:center; height:38px; padding:0 20px; font-size:1.4rem; background:#fff; color:#6d7683; border-radius:8px 8px 0 0; box-shadow: 3px 1px 1px 0px rgba(0,0,0,0.02);}
.tabs-type-color [data-content="menu2"]:hover {color:#353D4A}
.tabs-type-color [data-content="menu2"] + [data-content="menu2"] {margin-left:4px;}
.tabs-type-color [data-content="menu2"].active {position:relative; font-weight:700; color:#fff; background:#36304a;}
/* .tabs-type-color [data-content="menu2"].active:before {display:block; content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px;  background:#008d36;} */

/* 카테고리 호버 탭 */
.categoryTabs {background:#fff; border-radius:10px}
.categoryTabs .depth1 {padding:20px 25px;}
.categoryTabs .depth1 a {display:inline-block; padding:0 10px; background-color:#fff; color:#666;height:30px; line-height:28px; border-radius:15px; font-size:1.4rem; font-weight:700; letter-spacing:-1px; transition:all 0.2s; cursor:pointer}
.categoryTabs .depth1 a:hover {font-weight: 700;}
.categoryTabs .depth1 a.active {background-color:#d3f0d7; color:#008d36;}
.categoryTabs .itemsBox {display:none; padding:10px 20px 20px; border-top:2px solid #f4f4f4;}
.categoryTabs .itemsBox.active {display:block;}
.categoryTabs .itemsBox .items {margin-top:10px; font-size:0;}
.categoryTabs .itemsBox .items a.parent {background:none; border:none;}
.categoryTabs .itemsBox .items a {display:inline-block; margin:5px 5px 0; padding:0 10px; line-height:25px; background:#f5f5f5; border:1px solid #f5f5f5; color:#676767; border-radius:5px; font-weight:700; font-size:1.2rem; transition:all 0.2s; box-sizing:border-box;}
.categoryTabs .itemsBox .items a:hover {background:#cbcbcb; border-color:#cbcbcb; color:#333;}
.categoryTabs .itemsBox .items a.active {background:#008d36; border-color:#008d36; color:#fff;}
.categoryTabs .itemsBox .items a.disabled {background:#fff; color:#cfcfcf;}

/* ==================================================
	07 - table
================================================== */
/* 테이블 공통 */
table .dir-flow {text-align:left !important; padding-left:10px !important; word-break:keep-all}
table .dir-reverse {text-align:right !important; padding-right:10px !important; word-break:keep-all}
.table-hd + [class^="th-"] {margin-top:7px;}
.form-search + .table-wrap,
.table-wrap + .table-wrap {margin-top:20px;}

.sequence {display:inline-block; position:relative; margin-left:3px; vertical-align:-3px; width:10px; height:16px; }
.sequence button {position:absolute; left:0; width:10px; height:8px; text-indent:-9999px; font-size:0; }
.sequence button:before {display:block; position:absolute; content:""; left:2px; width:0px; height:0px; border:4px solid transparent; }
.sequence button.up {top:0; }
.sequence button.down {bottom:0; }
.sequence button.up:before {top:-2px; border-bottom:5px solid #919191; }
.sequence button.down:before {bottom:-2px; border-top:5px solid #919191; }
.sequence button.up.active:before {border-bottom-color:#008d36;}
.sequence button.down.active:before {border-top-color:#008d36;}

/* 테이블 헤더 */
.table-hd h3 {display:inline-block; font-size:1.5rem; font-weight:700; line-height:34px;}
.table-hd h4 {display:inline-block; font-size:1.3rem; line-height:34px;}
.table-hd .comment {display:inline-block; margin-left:16px;}
.table-hd .right {display:flex; display:-ms-flex; align-items:flex-end; }
.table-hd .right .essential {color:#676767; line-height:34px;}

/* 상단 */
.th-top {width:100%; /* border-top:1px solid #008d36; */  table-layout:fixed;border-collapse:separate;border-spacing:0; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.05);}
.th-top caption {visibility:hidden; font-size:0; height:0;}
.th-top thead th {height:36px; font-size:1.3rem; font-weight:700; /* border-bottom:1px solid #008d36; */ background:#36304a; color:#fff; line-height:1.2;}
.th-top thead.is-line th {border-left:1px solid #58526d;}
.th-top thead.is-line tr:first-child th:first-child {border-left-width:0;}
.th-top thead.is-line tr + tr th {border-top:1px solid #58526d}
.th-top tbody td {border-bottom:1px solid #f5f5f5;text-align:center; height:40px; padding:6px 0; color:#353D4A; background-color: #fff; }
.th-top tbody td p {line-height:1.6;}
.th-top tbody td [class^="btn-"]{/* background:transparent; */ min-width:40px; padding:0 5px; height:28px; line-height:26px; vertical-align:middle;}
.th-top tbody td.subject {text-align:left; padding-left:20px;}
.th-top tbody td.price {text-align:right; padding-right:20px;}
.th-top tbody tr:hover td {background-color: #fafafa;}
.th-top tfoot td {height:36px;  font-weight:700; text-align:center;}
.th-top tfoot.end td {border-bottom:1px solid #f5f5f5; background:#fff;}
.th-top tfoot.endGray td {border-bottom:1px solid #f5f5f5; background-color: #fbfbfb;}
.th-top .end td {border-bottom:1px solid #f5f5f5; background:#fff;}
.th-top .startGray td {height:36px;  font-weight:700; text-align:center; border-bottom:1px solid #f5f5f5; background-color: #fbfbfb;}
.th-top.stickyMode thead {position: sticky; top:0; z-index: 10;}
.stickyWrap {margin-top:16px; overflow-y: auto; max-height: 300px;}

.th-top .tr-check .check-change {font-weight:700; color:#008d36;}
.th-top .input-cover-withTxt .inp-editable {padding:0 3px;}
.th-top .txt-line-one,
.th-top thead th .label-with-input label {font-size:1.2rem;}
.th-top thead th .label-with-input + .label-with-input {margin-left:12px;}

.th-top tr.countChange:hover td,
.th-top tr.countChange td {background-color: #f8f2a9;}

.th-top tr.countSum td {background-color: #fafafa; padding: 0;}

/* 좌측 */
.th-left {width:100%; border-top:1px solid #36304a;  table-layout:fixed;border-collapse:separate;border-spacing:0; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.05);}
.th-left.bdtc-sub {border-top:1px solid #ddd;}
.th-left.bdt-no {border-top:none;}
.th-left caption {visibility:hidden; font-size:0; height:0;}
.th-left tbody > tr > th {background:#eee; border-bottom:1px solid #f5f5f5; text-align:left; padding:0 15px; font-size:1.3rem;letter-spacing:-1px;}
.th-left tbody > tr > td {border-bottom:1px solid #f5f5f5; background-color: #fff; padding:5px; height:44px;}

/* 테이블 내 flex-align + label input */
.table-wrap .align-flex .label-with-input label {font-size:1.2rem; color:#333; font-weight:400;}
.table-wrap .align-flex .label-with-input input,
.table-wrap .align-flex .label-with-input select {width:120px;}

/* 테이블 내 multi-line-wrap 정리 */
.table-wrap .multi-line-wrap select,
.table-wrap .multi-line-wrap input {vertical-align:middle;}
.table-wrap .multi-line-wrap .multi-line + .multi-line {margin-top:5px;}

/* 테이블 스타일 미적용 */
.table-style-none {width:100%;  border:none !important;}
.table-style-none thead th {background:transparent !important; border-color:transparent !important; text-align:left; padding:0 5px; font-size:1.3rem;letter-spacing:-1px;}
.table-style-none tbody th {background:transparent !important; border-color:transparent !important; padding:0 !important;}
.table-style-none tbody td {border-color:transparent !important; height:34px;}

.reportTable {font-family:"dotum"; }
.reportTable table.borderUse {width:100%; table-layout:fixed;border-collapse:separate;border-spacing:0; font-size:12px; border-left:1px solid #333;}
.reportTable table.borderUse.bdStrong {border:1px solid #333; border-width:1px 1px 1px 2px; }
.reportTable table.borderUse tr:first-child th,
.reportTable table.borderUse tr:first-child td {border-top:1px solid #333;}
.reportTable table.borderUse thead + tbody tr:first-child th,
.reportTable table.borderUse thead + tbody tr:first-child td {border-top:none;}
.reportTable table.borderUse thead + tfoot tr:first-child th,
.reportTable table.borderUse thead + tfoot tr:first-child td {border-top:none;}
.reportTable table.borderUse th {padding:5px; border:1px solid #333; border-width:0 1px 1px 0; height:30px;}
.reportTable table.borderUse td {padding:5px; border:1px solid #333;  border-width:0 1px 1px 0; height:30px;}
.reportTable table.borderUse .noPadding {padding:0 !important;}
.reportTable table.borderUse tbody.dashLine td {border-top:1px dashed #333; border-bottom-width:0px; border-right:1px solid #333;}
.reportTable table.borderUse tbody.dashLine tr:last-of-type td {border-bottom:1px solid #333;}
.reportTable table.borderUse tbody.dashLine:nth-child(n+2) tr:first-child td,
.reportTable table.borderUse tbody.dashLine:nth-child(n+2) tr:first-child th {border-top-width:0px !important;}
.reportTable table.borderUse tbody.dotted td {border-top:1px dotted #333; border-bottom-width:0px; border-right:1px solid #333;}
.reportTable table.borderUse tbody.dotted tr:last-of-type td {border-bottom:1px solid #333;}
.reportTable table.borderUse tbody.dotted:nth-child(n+2) tr:first-child td,
.reportTable table.borderUse tbody.dotted:nth-child(n+2) tr:first-child th {border-top-width:0px !important;}
.reportTable table.borderUse .hdBDnone td,
.reportTable table.borderUse .hdBDnone th {border-top-width:0px !important;}
.reportTable table.borderUse .bdtDouble th {border-top:3px double #333 !important;}
.reportTable table.borderUse + table.borderUse tr td,
.reportTable table.borderUse + table.borderUse tr th{border-top-width:0px;}
.reportTable table.borderUse .bdTop {border-top:1px solid #333 !important;}
.reportTable table.borderUse .bdLeft {border-left:1px solid #333;}
.reportTable table.borderUse .bdRight {border-right:1px solid #333;}
.reportTable table.borderUse .bdBottom {border-bottom:1px solid #333;}
.reportTable table.borderUse.styleDoubleLine {margin-top:2px; position:relative;}
.reportTable table.borderUse.styleDoubleLine:before {display:block; content:""; position:absolute; top:-3px; left:-1px; right:0; background:#d0d0d0; height:3px; border-top:1px solid #333; box-sizing:border-box;}
.reportTable table.borderUse .smallText {font-size:11px; letter-spacing:-1px;}
.reportTable table.borderUse .smallNormal {font-size:12px; letter-spacing:0px;}
.reportTable table.borderUse tr.bdbStDot td {border-bottom:1px dotted #333 !important;}

/* ==================================================
	08 - align
================================================== */
.align-flex {display:flex; display:-ms-flex; }

/* 상하 중앙 */
.align-flex.is-vCenter {justify-content:center; align-items:center;}

/* 좌,우 동시 혹은 단독사용 */
.align-flex.is-lr .right {margin-left:auto}
.align-flex.is-lr .right > span {line-height:34px;}
.align-flex.is-lr.baseline {align-items:baseline;}

/* 균등하게 정렬 */
.align-flex.is-between {justify-content:space-between;}

/* 균등하게 정렬 - 인풋,셀렉트 사용 */
.align-flex.is-around {justify-content:space-around; margin:0 -2px;}
.align-flex.is-around .item {flex-grow:1; margin:0 2px;}
.align-flex.is-around select,
.align-flex.is-around input {width:100%;}

/* 리스트 타입 */
.align-flex.is-list {flex-wrap:wrap}
.align-flex.is-list.ea2 > .item {flex: 0 1 50%}
.align-flex.is-list.ea3 > .item {flex: 0 1 33.33%}
.align-flex.is-list.ea4 > .item {flex: 0 1 25%}
.align-flex.is-list.ea5 > .item {flex: 0 1 20%}


/* ==================================================
	09 - popup
================================================== */
/* layer */
.popup-dim {position:fixed; top:0; right:0; bottom:0; left:0; display: flex; align-items: center; justify-content: center; z-index:9999; background:rgba(0,0,0,.5);}
.layers {/* border:1px solid #333; */ background-color:#fff; box-sizing:border-box; }
.layers .layer-header {position:relative; padding-top:32px; height:78px; font-size:2rem; line-height:28px; font-weight:700; box-sizing:border-box; cursor:move;}
.layers .layer-close {position:absolute; width:26px; height:26px; right:30px; top:27px; background:url(../img/common/bg_icon_layer_close.png) 50%/cover no-repeat; font-size:0; cursor:pointer}
.layers .btn-area {padding-top:30px; text-align:center;}

/* 일반형타입 */
.layers.type-normal {/* position:fixed; left:50%; top:50%; */position: absolute; padding:0 29px 29px; display:none; max-height:800px; overflow:hidden; border-radius: 24px; /* overflow-y:auto; */}
.layers.type-normal .inner-bg {margin-top:20px; padding:20px; background:#F5F6FA;max-height:480px; overflow-y:auto; box-sizing: border-box;}
.layers.type-normal .layer-contents {max-height:600px; overflow-y:auto;}
.layers.type-normal.scroll {overflow-y:auto;}
.layers.type-normal .tabs-type-basic [data-content="menu"] {background: #F5F6FA;}
.layers.type-normal .tabs-type-basic [data-content="menu"].active {background-color: #d3f0d7;}

.modalService {position: fixed; top:0; right: 0; bottom:0; left:0; z-index: 9999; display: none; align-items: center; justify-content: center; background:rgba(0,0,0,.5);}
.modalService.active {display: flex;}
.modalService .alertBox {width: 300px; background-color: #fff; border-radius: 24px; padding: 29px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); text-align: center;}
.modalService .layer-header {position:relative; font-size:2rem; line-height: 4rem; font-weight:700; box-sizing:border-box;}
.modalService .layer-close {position:absolute; width:26px; height:26px; right:30px; top:27px; background:url(../img/common/bg_icon_layer_close.png) 50%/cover no-repeat; font-size:0; cursor:pointer}
.modalService .layer-content {text-align: center; line-height: 2.4rem; font-size: 1.3rem; margin:12px 0 32px;}
.modalService .area-confirm {display: flex; justify-content: center; gap:0 12px}

.modal-dialog {position: fixed; top:0; right: 0; bottom:0; left:0; z-index: 9999; display: none; align-items: center; justify-content: center; background:rgba(0,0,0,.5);}
.modal-dialog.isOpen {display: flex;}
.modal-dialog .modal-body {min-width: 300px; background-color: #fff; border-radius: 24px; padding: 29px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); }
.modal-dialog .modal-header {position:relative; height:58px; font-size:2rem; line-height:28px; font-weight:700; box-sizing:border-box;}
.modal-dialog .modal-close {position:absolute; width:26px; height:26px; right:0; top:0; background:url(../img/common/bg_icon_layer_close.png) 50%/cover no-repeat; font-size:0; cursor:pointer}
.modal-dialog .modal-content {max-height:600px; overflow-y:auto;}
.modal-dialog .modal-content.inner-bg {padding:20px; background:#F5F6FA; box-sizing: border-box;}
.modal-dialog .modal-confirm {margin-top: 30px; display: flex; justify-content: center; gap:0 12px}

/* ==================================================
	10 - etc
================================================== */
.aLinkText {padding-top:3px;}
.aLinkText:hover {text-decoration:underline;}

.countShape {display:inline-block; margin-left:5px; position:relative; width:16px; height:16px; line-height:14px; border-radius:50%; background:#008d36; color:#fff !important; font-size:1rem; vertical-align:1px;}
.countShape:before {position:absolute; top:4px; left:-7px; display:block; width:0px; height:0px; border:4px solid transparent; border-right:4px solid #008d36; content:"";}

/* tooltip */
.tooltip {position:relative; display:inline-block; vertical-align:1px;}
.tooltip .cover {display:none; position:absolute; top:17px; z-index:10;}
.tooltip:hover .cover {display:block;}
.tooltip .tipBox {margin-top:10px; min-width:50px; padding:10px; border:1px solid #b1b1b1; background:#fff; color:#555;font-size:1.1rem; line-height:1.4;  }
.tooltip .tipBox:before {display:block; content:""; position:absolute; top:4px; width:13px; height:7px; background:url(../img/icon/bg_tooltip_arrow.png) no-repeat;}
.tooltip.flow .cover {left:0;}
.tooltip.flow .tipBox:before {left:1px;}
.tooltip.reverse .cover {right:0;}
.tooltip.reverse .tipBox:before {right:1px;}
.tooltip.center .cover,
.tooltip.center .tipBox:before {left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }

.tooltip .tipBox p + p {margin-top:5px;}
.tooltip .tipBox h5 {font-weight:700; font-size:1.4rem; color:#008d36; margin-bottom:10px;}
.tooltip .tipBox strong.underline {font-weight:700; text-decoration:underline;}
.tooltip .tipBox table {margin:10px 0;border-top:1px solid #333;}
.tooltip .tipBox table tbody th {background-color:#FFF; border-right:1px solid #D1D4E1; font-size:1.1rem; padding:5px; height:30px;}
.tooltip .tipBox table tbody td {height:30px;}
.tooltip .tipBox dl {margin-top:10px;}
.tooltip .tipBox dl dt {font-weight:700; text-decoration:underline;}
.tooltip .tipBox dl dd {margin-top:5px;}

.chip-item {display: inline-flex; flex-wrap: wrap; gap: 8px;}
.chip-item .item {padding:0 12px; height: 34px; display: flex; align-items: center; font-size: 1.2rem; font-weight: 700; border-radius: 20px; background-color:#f2f7f2; color:#008d36 }
.chip-item .item i {margin-left:8px; width: 16px; height: 16px; }
.chip-item .item i.del {background: url(../img/icon/icon_round_del_16.png) no-repeat; background-size: cover;}
.chip-item .item:hover i {background-position-x: 100%;}

/* moveCheckbox */
.moveCheck {font-size:0; vertical-align:middle;}
.moveCheck label {display: flex; flex-direction: row-reverse; justify-content: space-between; cursor:pointer}
.moveCheck label span {display:inline-block; width:40px; height:20px; background:#e2e2e2; border-radius:10px; vertical-align:middle;}
.moveCheck label span:after {position:relative; display:block; top:2px; left:2px;width:16px;height:16px;background:#fff;border-radius:50%; content:""; transition:all 0.2s;-webkit-transition:all 0.2s;}
.moveCheck label em {display:inline-block; font-size:1.3rem; color:#6d7683; font-weight:700; vertical-align:middle; line-height:18px; transition:all 0.2s;-webkit-transition:all 0.2s;}
.moveCheck [type="checkbox"] {position: absolute; appearance:none;-webkit-appearance:none;outline:0; width:0px; height:0px; border:none; padding:0;}
.moveCheck [type="checkbox"]:checked + span {background:#008d36;}
.moveCheck [type="checkbox"]:checked + span:after {left:22px; background:#fff;}
.moveCheck [type="checkbox"]:checked + span + em {color:#008d36;}
.moveCheck em:hover {color:#353D4A;}

/* uploaded file */
.uploaded-list li {margin:10px; display: flex; justify-content: space-between; align-items: center; width: 300px;}
.uploaded-list li + li {margin-top: 10px;}
.uploaded-list li a {line-height: 1.9rem; border-bottom: 1px solid #333;}
.uploaded-list li .del {display: flex; align-items: center; font-size: 0;}
.uploaded-list li .del i {display:block; width: 16px; height: 16px; background: url(../img/icon/icon_round_del_16.png) no-repeat; background-size: cover;}
.uploaded-list li .del:hover i {background-position-x: 100%;}
.uploaded-list.static li {width: auto; justify-content: center;}

/* 업다운 버튼 */
.moveUpDown {display:inline-block; font-size:0; width:15px;}
.moveUpDown button {width:15px; height:15px; background-size:cover;}
.moveUpDown button.up {background:url(../img/icon/icon_move_arr_up.png) 0 -15px no-repeat;}
.moveUpDown button.down {background:url(../img/icon/icon_move_arr_down.png) 0 -15px no-repeat;}
.moveUpDown button + button {margin:10px 0 0;}
.moveUpDown button.disabled {background-position:0 0;}
.moveUpDown.isHorizontal {width:32px;}
.moveUpDown.isHorizontal button + button {margin:0 0 0 2px;}

.flex-align-center {display: flex; gap: 8px 8px; align-items: center;}
.flex-align-center.column {flex-direction: column; align-items: flex-start;}
.flex-align-center.hCenter {justify-content: center;}

.form-sms-email .status {display: flex; flex-direction: column; gap:8px 0; background-color: #fafafa; border:1px solid #ececec; border-radius: 10px; padding: 15px;}
.form-sms-email .status .item {display: flex; justify-content: space-between; line-height: 2.4rem; font-size: 1.3rem;}
.form-sms-email .inputCover {margin-top: 24px;}
.form-sms-email .inputCover input {width: 100%; height: 40px; border-color:#ececec; border-radius: 10px;}
.form-sms-email .inputCover textarea {width: 100%; padding: 12px; min-height: 80px; border-color:#ececec; border-radius: 10px;}
.form-sms-email .inputCover input:focus,
.form-sms-email .inputCover textarea:focus {border-color: #006e2a;}
.form-sms-email .byte {padding-right: 4px; text-align: right; line-height: 1.8rem;}


/* ==================================================
	11 - icon
================================================== */
[class^="icon-"] {display:inline-block;background-size:contain;background-repeat:no-repeat;vertical-align:middle;font-size:0;}
.icon-cal-back {width:13px;height:11px;background-image:url(../img/icon/icon_cal_back.png);}
.icon-cal-c {width:10px;height:16px;background-image:url(../img/icon/icon_cal_c.png);}
.icon-cal-ce {width:20px;height:16px;background-image:url(../img/icon/icon_cal_ce.png);}
.icon-cal-division {width:6px;height:16px;background-image:url(../img/icon/icon_cal_division.png);}
.icon-cal-equal {width:13px;height:7px;background-image:url(../img/icon/icon_cal_equal.png);}
.icon-cal-minus {width:13px;height:2px;background-image:url(../img/icon/icon_cal_minus.png);}
.icon-cal-multi {width:10.5px;height:11px;background-image:url(../img/icon/icon_cal_multi.png);}
.icon-cal-plus {width:13px;height:13px;background-image:url(../img/icon/icon_cal_plus.png);}
.icon-round-plus {width:15px;height:15px;background-image:url(../img/icon/icon_round_plus.png);}
.icon-round-minus {width:15px;height:15px;background-image:url(../img/icon/icon_round_minus.png);}
.icon-photo-line {width:21px; height:17px; background:url(../img/icon/icon_photo_line.png) no-repeat;}
.icon-round-del {width:15px;height:15px;background-image:url(../img/icon/icon_round_del.png);}
.icon-round-add {width:15px;height:15px;background-image:url(../img/icon/icon_round_add.png);}
.icon-down {width:24px;height:22px;background-image:url(../img/icon/icon_down.png);}
.icon-how-use {width:16px; height:16px; background:url(../img/icon/icon_how_use.png) no-repeat; background-size:cover;}
.icon-doc-word {width:16px; height:16px; background:url(../img/icon/icon_share_doc.png) no-repeat; background-size:cover;}
.icon-doc-hwp {width:16px; height:16px; background:url(../img/icon/icon_share_hwp.png) no-repeat; background-size:cover;}
.icon-doc-pdf {width:16px; height:16px; background:url(../img/icon/icon_share_pdf.png) no-repeat; background-size:cover;}
.icon-doc-xls {width:16px; height:16px; background:url(../img/icon/icon_share_xls.png) no-repeat; background-size:cover;}
.icon-round-delSmall {width:16px; height:16px; background:url(../img/icon/icon_round_del_blk.png) no-repeat; background-size:cover;}
.icon-add-wh {width:18px; height: 18px; background: url(../img/icon/icon_pointCross_wh.png) no-repeat; background-size:cover;}
.icon-modify-wh {width:16px; height: 16px; background: url(../img/icon/icon_modify_wh.png) no-repeat; background-size:cover;}


[class^="iconSvg-"] {display: inline-block; -webkit-mask-repeat: no-repeat; -webkit-mask-size:contain; font-size: 0;}
.iconSvg-sms { width: 16px; height: 16px; -webkit-mask-image: url(../img/icon/svg_sms2.svg); background-color: #6d7683;}
.iconSvg-email { width: 16px; height: 16px; -webkit-mask-image: url(../img/icon/svg_email2.svg); background-color: #6d7683;}



/* 모니터링 */
.monitoring-box {display:flex; flex-direction:column; gap:16px; max-width: 1600px; margin:0 auto; font-family: "Pretendard";}
.monitor-title { display: flex; justify-content: space-between; align-items: center;}
.monitor-title h4 {font-size: 2rem;}
.monitor-title .onOff { background-color: #ffecec; color:#fc7777; padding: 0 8px; border-radius:6px; line-height: 2.6rem; font-weight: 500; font-size: 1.2rem;}
.monitor-title .onOff.on {background-color: #edf5ff; color:#5197ee;}
.monitor-subject {font-size: 1.8rem; padding: 20px 0; font-weight: 600; text-align: center;}
.dashboard-monitoring {display:flex; gap:16px; flex-wrap: wrap;}
.dashboard-monitoring .divideBox {width: 25%; background-color: #fff; padding:24px; border-radius:8px; flex-grow: 1; border: 1px solid #eee;}
.dashboard-monitoring .gauge-container {margin-top:40px; }

.monitor-itemAlign {display: flex; justify-content: center; align-items: center; }
.monitor-itemAlign.vCenter {height: 100%;}

.dashboard-monitoring.heightFull {height: 100%;}
.dashboard-monitoring.heightFull .divideBox {display: flex; flex-direction: column;}
.dashboard-monitoring.heightFull .equipment-check {flex-grow: 1; max-height: inherit;}

/* 타입 - 실적 */
.monitorType-inOut {width: 100%;}
.monitorType-inOut .progress {display: flex; gap:0 20px}
.monitorType-inOut .progress .item {position: relative; display: flex; flex-direction: column; gap:10px 0; width: 100%; text-align: center;}
.monitorType-inOut .progress .item.round {width: 180px; height: 140px; justify-content: center;display: inline-flex; margin: auto;border-radius: 12px;background: linear-gradient(180deg, #ececff, #f1fff1); border: 2px solid #7cb2dc; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-sizing: border-box;}
.monitorType-inOut .progress .item.round span {font-size: 1.6rem;color:#353d4a; padding: 0 20px;display: inline-block;margin: 0 auto;}
.monitorType-inOut .progress h5 {font-size: 1.4rem; color:#353d4a}
.monitorType-inOut .progress p {font-size: 2.6rem; font-weight: 600;}
.monitorType-inOut .progress.off .item.round {border-color: #bababa; background:linear-gradient(180deg, #ffecec, #fff1f1)}
.monitorType-inOut .progress.off .item.round p {color:#e23131}
.monitorType-inOut .result {display: flex; justify-content: space-between; align-items: center; margin-top: 30px;}
.monitorType-inOut .percent {position: relative; width: 100%; border-radius:15px; border: 2px solid #ffecec;}
.monitorType-inOut .percent .per-text {display: flex; justify-content: space-between; padding: 0 20px; width: 100%; height: 3rem; line-height: 3.2rem; color:#fc7777; font-size: 1.4rem; font-weight: 600; z-index: 5; box-sizing: border-box;}
.monitorType-inOut .percent .per-guage {height: 34px; margin-top: -30px; border-radius: 11px 0 0 11px; background-color:#ffecec; }
.monitorType-inOut .percent.end { border-color: #2c60ea;}
.monitorType-inOut .percent.end .per-text {color:#fff; }
.monitorType-inOut .percent.end .per-guage {background-color: #2c60ea; border-radius: 11px}
.monitorType-inOut .date {margin-top: 10px; text-align: center;}

.monitorType-inOut.detail .progress {margin-top: 30px;}
.monitorType-inOut.detail .item + .item:before {display: block; content: ''; width: 1px; height: 20px; margin-top: 5px; background-color: #d2d2d2; position: absolute; top:50%; left: -10px;}
.monitorType-inOut .subject {display: flex; justify-content: center; margin-top: 30px;}
.monitorType-inOut .subject span {display: block; font-size: 1.8rem; border-radius: 16px;background: #2bc48a;color: #fff;line-height: 3.2rem;padding: 0 14px; font-weight: 700;}

/* 타입 - 상태 */
.equipment-check {max-height: 152px; overflow-y: auto; margin-top: 20px; scrollbar-gutter:stable; padding-right: 6px; border:1px solid #eee; border-width: 1px 0;}
.equipment-check.noneScroll {max-height: none; overflow-y: visible; scrollbar-gutter:auto; padding-right: 0;}
.equipment-check-theader {display: flex; gap:0 20px; background: #f5f5f5; margin-top: 20px;}
.equipment-check-theader .cell {text-indent: 12px; padding: 12px 0; line-height: 2rem; font-weight: 500; font-size: 1.4rem; color: #333; }
.equipment-check-theader .cell.alignCenter {text-indent: 0; text-align: center;}
.equipment-check-theader + .equipment-check {margin-top: 0;}
.type-location .cell:nth-of-type(1) {width: 40%;}
.type-location .cell:nth-of-type(2) {width: 45%;}
.type-location .cell:nth-of-type(3) {width: 15%;}
.type-location2 .cell:nth-of-type(1) {width: 35%;}
.type-location2 .cell:nth-of-type(2) {width: 40%;}
.type-location2 .cell:nth-of-type(3) {width: 15%;}
.type-location2 .cell:nth-of-type(4) {width: 10%;}
.type-shipment .cell:nth-of-type(1) {width: 40%;}
.type-shipment .cell:nth-of-type(2) {width: 20%;}
.type-shipment .cell:nth-of-type(3) {width: 20%;}
.type-shipment .cell:nth-of-type(4) {width: 20%;}
.type-quarter .cell {width: 25%;}


.equipment-list {display: flex; flex-direction: column; }
.equipment-item {display: flex; justify-content: space-between; align-items: center; gap:0 20px; padding: 12px 0;}
.equipment-item + .equipment-item {border-top: 1px solid #eee;}
.equipment-item .name {line-height: 2rem; font-size: 1.4rem; font-weight: 500;}
.equipment-item .date {font-size: 1.3rem; line-height: 2rem; margin-left:auto;}
.equipment-item .status {flex-shrink: 0; display: block; font-size: 1.2rem; border-radius: 6px; font-weight: 500; background-color: #edf5ff; color:#5197ee;line-height: 2.6rem;padding: 0 8px;}
.equipment-item .status.error {background-color: #ffecec; color:#fc7777;}
.equipment-item .count {min-width: 60px; text-align: center;}
.equipment-item .title {text-indent: 12px; line-height: 2rem; font-size: 1.4rem; font-weight: 500;}
.equipment-item .alignCenter {text-align: center;}

/* 타입 - 온도 */
.color-red {stop-color: #e23131;}
.color-yellow {stop-color: #fbe500;}
.color-green {stop-color: #25cd6b;}

.gradient-mask {visibility: hidden;}

.gauge-container {  display: flex; justify-content: center; flex-wrap: wrap;}
.gauge {width: 240px;  height: 150px; display: flex; flex-direction: column-reverse;}
.gauge .dxg-range.dxg-background-range { fill: url(#gradientGauge);}
.gauge .dxg-line { transform: scaleX(1.04) scaleY(1.03) translate(-4px, -4px);}
.gauge .dxg-line path:first-child,
.gauge .dxg-line path:last-child { display: none;}
.gauge .dxg-line path:nth-child(2),
.gauge .dxg-line path:nth-child(3) { stroke: #25cd6b;}
.gauge .dxg-line path:nth-child(4) { stroke: #8a794c;}
.gauge .dxg-line path:nth-child(5) { stroke: #e23131;}
.gauge .dxg-elements text:first-child { transform: translate(19px, 13px);}
.gauge .dxg-elements text:last-child {  transform: translate(-27px, 14px);}
.gauge .dxg-value-indicator path {  transform: scale(1.2) translate(0, -7px);transform-origin: center center; fill: #e23131;}
.gauge .dxg-value-indicator .dxg-title {text-transform: uppercase;}
.gauge .dxg-value-indicator .dxg-title text:first-child { transform: translateY(5px);}
.gauge .dxg-value-indicator .dxg-spindle-border:nth-child(4),
.gauge .dxg-value-indicator .dxg-spindle-hole:nth-child(5) {transform: translate(0, -69px);}
.gauge .dxg-value-indicator .dxg-spindle-hole {fill: #fff;}
.gauge-container p.name { height: 64px; font-weight: 700; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; line-height: 1.8rem;}
.gauge-container p.temp { height: 32px; font-weight: 700; font-size: 1.8rem; line-height: 3.2rem; border-radius:16px; background-color: #2bc48a; color:#fff; margin:20px auto 0; width: 120px;}



/* 모니터링 ui */
.ui-monitoring {position: relative; font-family: "Pretendard"; padding-top: 30px;}
.ui-monitoring .measure-time {position: absolute;top:0;right:10px;font-size: 1.6rem;font-weight: 500;padding: 0 20px;background: #565656;line-height: 3.3rem;border-radius: 15px;color: #fff;}
.ui-monitoring-box + .ui-monitoring-box {margin-top: 48px;}
.ui-monitoring-box h5 {font-size: 2rem; text-indent: 4px;}
.ui-monitoring-item {display: flex; flex-wrap: wrap; gap:24px; margin-top: 12px; text-align: center;}
.ui-monitoring-item .ui-monitoring-itemDivide {flex-grow: 1; padding: 20px 0; background-color: #fff; border-radius:12px;}
.ui-monitoring.divide-half {display: flex; flex-wrap: wrap; gap: 48px 24px;}
.ui-monitoring.divide-half .ui-monitoring-box {flex-grow: 1; margin-top: 0;}
/* .ui-monitoring.divide-half .ui-monitoring-box:nth-child(n+3) {margin-top: 48px;} */

.ui-monitoring.alram .ui-monitoring-item .ui-monitoring-itemDivide {width: 12%;}
.ui-monitoring.alram .monitorType-inOut .progress .item.round {width: 120px; height: 100px;}
.ui-monitoring.alram .monitorType-inOut .subject span {margin: 0 10px; padding: 6px 14px; font-size: 1.6rem; line-height: 2rem; word-break: keep-all;}

@media (max-width:1400px)  {
	.ui-monitoring.alram .ui-monitoring-item {gap:14px}
	.ui-monitoring.alram .monitorType-inOut .progress .item.round {width: 110px; height: 90px;}
	.ui-monitoring.alram .ui-monitoring-item .ui-monitoring-itemDivide {width: 15%;}
	.ui-monitoring.alram .monitorType-inOut .subject {margin-top: 15px;}
	.ui-monitoring.alram .ui-monitoring-item .ui-monitoring-itemDivide {padding: 16px;}
}

@media (max-width:1280px)  {
	.table-wrap {overflow-y: auto; padding-bottom: 10px;}
	.table-wrap .th-left,
	.table-wrap .th-top {min-width: 1024px;}
	.table-wrap .table-hd .right {margin-left:20px;}
}