@charset "utf-8";

.wh0{ width:0!important; height:0!important; }

.zinTitle{
    font-size:20px;
    height:36px;
/*     line-height:36px; */
    color: #323848;
    font-weight: 600;
}

.zinSubTitle{
    font-size:20px;
    height:36px;
    color: #323848;
    font-weight: 600;
}

.zinTitleSearch{
    padding:10px;
    border-radius:3px;
    background:#fff;
    margin-bottom:10px;
}
.zinList{
    padding:10px;
    border-radius:3px;
    background:#fff;
}

.zinList .listHeader, .zinList .titleHeader{
    height:40px;
    z-index:99;
    position:relative;
}


.zinList .listBody{
    position:relative;
    padding-top:0;
}
.listHeader-origin .btn{
    border-radius:3px;
    height:30px;
    border:0;
    line-height:30px;
    cursor:pointer;
    padding:0 10px;
    color:#fff;
}
.listHeader .btn{
    border-radius:3px;
    height:30px;
    line-height:30px;
    cursor:pointer;
    padding:0 10px;
    color:#555;
}
.listHeader:after{
    content:'';
    display:block;
    clear:both;
}
.listHeader .btn:hover{
    color:#000;
}

input[type="checkbox"].zinChkBox{position:relative; width:20px; height:20px;}
.zinChkBox:after{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:2px; border:0.5px solid #000; background:#fff;}
.zinChkBox:checked:after{
    content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0;
    background:#00b3c8 url('data:image/svg+xml;utf8,<svg version="1.1" baseProfile="full" width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M4,10 8,14 16,4" fill="none" stroke="white" stroke-width="3.5"/></svg>') no-repeat; background-size:100%;
}

input[type="radio"].zinRadio{
    width: 20px;
    height: 20px;
}

input[type="radio"].zinRadio_13{
    width: 13px;
    height: 13px;
}

.zinBtn-gray{
    border:1px solid #b1b6ba !important;
    color:#7a7f8a !important;
    background:#f9f9f9;
}
.zinBtn-gray:hover {
    color:#fff !important;
    background:#7a7f8a;
}
.zinBtn-gray-bg{
    background:#b1b6ba;
}
.zinBtn-red{
    background:#ff0000;
}
.zinBtn-red-border{
    border:1px solid #ff0000 !important;
    color:#ff0000 !important;
    background:#fff;
}
.zinBtn-red-border:hover{
	color:#fff !important;
    background:#ff0000;
}

/*
button{/*임시
    font-weight:900!important;
}
*/

.btn.zinBtn-bluGrn{
    border: 1px solid #00b3c8 !important;
    background:#fff;
    color:#00b3c8 !important;
}
.btn.zinBtn-bluGrn:hover{
	background:#00b3c8;
	color:#fff !important;
}
.btn.zinBtn-bluGrn-bg{
    background-color: #00b3c8;
}

.search-result-cnt{
    color: #323848;
    font-weight: 600;
    display:inline-block;
    margin-top:13px;
}

.invalidData:focus{
    border:1px solid red;
    border-radius:2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,0,0,.6);
}
.invalidData{
    border:1px solid red !important;
}
[type=radio].invalidData+label:before, [type=radio].invalidData+label~label:before{
    border:1px solid red;
}
[type=checkbox].invalidData+label:before{
    border:1px solid red;
}

.circleBtn{
    width:25px;
    height:25px;
    line-height:25px;
    background:#00b3c8;
    border-radius:50%;
    border:0;
    font-size:15px;
    color:#fff;
    margin:-3px 0 0 5px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}
.zinUploadBox{
    border:1px solid silver;
    padding:5px;
    overflow-y:auto;
    height:100px;
    border-radius:3px;
}
.addBtnColor{
    background:#00b3c8;
}
.removeBtnColor{
    background:#d9534f;
}

.scopeBox:after{
    content:'';
    display:block;
    clear:both;
}
.scopeBox>input{
    width:calc(100% - 20px);
    height:24px;
    float:left;
}
.scopeBox>i{
    margin-top:3px;
    cursor:pointer;
    float:right;
    font-size:18px;
}



label[data-label-type="file"], .deleteFile{
    width:28px;
    height:28px;
    border-radius:3px;
    background:#00b3c8;
    color:#fff;
    line-height:28px;
    border:0;
    cursor:pointer;
}
label[data-label-type="file"]{
    padding-right:1px;
}
.deleteFile{
    background:#d9534f;
}


/* 스크린코드 */
.scrCde{
    margin-left:10px;
    font-size:16px;
}


.asterisk:before{
    content:'* ';
    color:#f00;
}

#alarm .badge{
    position:absolute;
    border-radius:50%;
    width:18px;
    height:18px;
    top:6px;
    right:14px;
    background:red;
    color:#fff;
    font-size:10px;
    font-weight:900;
    line-height:18px;
    text-align:center;
    padding:0;
}


/* 
.selected>td{
    background-color : #dadbd5 !important;
    border : 1px solid white !important;
}
 */


.scrollAutoBox400{
    height:400px;
    overflow-y:auto;
}

.gridAutoHeight{
    opacity:0;
    display:inline-block;
    word-break:break-all;
    padding:5px 0;
    line-height:1.6;
}
.gridAutoHeight.on{
    position:relative;
    opacity:1;
    top:50%;
    transform:translateY(-50%);
}
hr.list-top-line-bluGrn{
    margin:0;
    border-color:#00b3c8;
    border-width:3px;
}
hr.list-top-line{
    margin:0;
    border-color:#c8c8c0;
    border-width:1px;
}

.selected.deleted-item>td{ 
    background : white;
    border: 1px solid #c8c8c0 !important;
}

.deleted-item{opacity : .2;}


.ico_re{
    position: relative;
    top: -2px;
}

.onlyView{
	border:0;
	box-shadow:none;
}
.onlyView:focus{
	box-shadow:none;
}
.tildeBox{
	background:url('/resources/images/tilde.png') no-repeat center;
	background-size:60%;
	margin-top:5px;
	height:29px;
	float:left;
	width:16px;
}

#topCode .selected>td{
    background-color : rgb(135 ,206,250 , 0.5)!important;
    border:1px solid #c8c8c0!important;
    border-top:0!important;
}

.replyView{
	background:linear-gradient(to bottom, #fff, #d0d0d0);
	border-radius:2px;
}
#boardSelectForm .zin-cell-col{
	min-height: 30px;
	line-height: 30px;
}
#replySetForm .zin-cell-col{
    min-height: 25px;
    line-height: 25px;
}
#comments .btn{
	font-size: 10px;
    line-height: 12px;
    height: 20px;
}

#resultTable .btn{
    height: 22px;
    min-width: 43px;
    font-size: 12px;
    line-height: 12px;
}
/* main 차트 */
div.chart-title{
    position : relative;
    width : 100%;
    text-align : center;
    font-size : 3em;
}
div.timer{
    position : absolute;
    display : inline-block;
    font-size : 17px;
    font-weight : bold;
    top : 60px;
    right : 20px;
}

div.chart-container{ height : 835px; }
div.chart-wrapper {
    position : relative;
    width : 100%;
    height : 50%;
    margin : 0 auto;
    text-align : center;
    background : #e3e3e3;
}

div div.chart-wrapper:first-child{ padding : 1% 0 .5% 0; }
div div.chart-wrapper:last-child{ padding : .5% 0 1% 0; }

div.chart {
    display : inline-block;
    position : relative;
    width : 48.5%;
    height : 100%;
}
div.chart-wrapper > .chart:first-child{ margin-right : 0.8% }    

.detailTab { padding:0; margin:0; list-style:none; width:100%; overflow:hidden; height:30px; }
.detailTab li { display:inline-block; float:left; line-height:30px; text-align:center; font-size:14px; width:120px; border:1px solid #00b3c8; 
                border-top-right-radius: 5px; border-top-left-radius: 5px;  border-bottom:0; height:30px; }
.detailTab li:hover { cursor:pointer; }
.detailTabActive { background-color:#00b3c8; color:#fff; }

/*
.screenTab { padding:0; margin:0 0 20px 0; list-style:none; width:100%; overflow:hidden; height:30px; }
.screenTab li { display:inline-block; float:left; line-height:30px; text-align:center; font-size:14px; width:120px; border:0; height:30px; 
                border-top-right-radius: 5px; border-top-left-radius: 5px;font-weight:bold; }
.screenTab li:hover { cursor:pointer; }
.screenTabActive { background-color:3px solid #fff; border-top:3px solid #00b3c8; }
*/


.screenTab { padding:0; margin:0; list-style:none; width:100%; overflow:hidden; height:30px; }
.screenTab li { display:inline-block; float:left; line-height:30px; text-align:center; font-size:14px; width:120px; 
                border-top-right-radius: 3px; border-top-left-radius: 3px;  border-bottom:0; height:30px; background-color:#e6eaeb; margin-right:3px; }
.screenTab li:hover { cursor:pointer; }
.screenTabActive { background-color:#fff!important; border-top:3px solid #00b3c8; border-right:1px solid #00b3c8; border-left:1px solid #00b3c8; }



.innerArea { display:none; }
.innerArea.on { display:block; }


/** file-upload-container */
.file-upload-container{
    display : inline-block;
    width: 100%;
    height: 100%;
}
.fileupload-buttonbar{
    height: 30px;
}
.fileupload-buttons{
    float: left;
    height: 100%;
    position: relative;
}
.fileupload-buttons .btn{
    height: 100% !important;
    line-height: 30px !important;
    margin-top: -12px !important;
}
.fileupload-progress{
    position: relative;
    float: right;
    width: 40%;
    height: 100%;
}
.progress{
    margin-bottom: 0px;
    height: 100%;
    position: relative;
}
.progress-extended{
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}
.files td{
    vertical-align: middle !important;
    text-align: center;
}
.files td>.name, .files td>.size{
    margin: 0;
}
.template-upload .progress{
    height: 20px;
}

.table-striped>tbody>tr:first-of-type>td{
    border-top: 0;
}
.table-striped>tbody>tr:last-of-type{
    border-bottom: 1px solid #cccccc;
}
.fileupload-table{
    overflow: hidden;
    overflow-y: overlay;
    height: calc(100% - 38px);
}
.fileupload-table-view{
    overflow: hidden;
    overflow-y: overlay;
    height: calc(100% - 18px);
}
.detail-clicked{
    background: #eee!important;
}

.excel_img { width:28px; height:28px; margin-left:5px; border:0; float:left; margin-top:7px; background: url(../../../resources/images/icon_excel.png) no-repeat center center; }
.modImg { width:28px; height:28px; border:0; background: url(../../../resources/images/modImg.png) no-repeat center center; }


[data-tab-match]{display:none;}
[data-tab-match].on{display:block;}

.selected>td { background-color:#87cefa80!important; border:1px solid #c8c8c0!important; border-top : 0 !important;}
.selected>td:first-child { border-left:0!important; }
/* Grid row 배경포인트 */
.zinGrid tbody .urgent td { background:#ffe8ec!important; }



/* multiSelect */
div.multi-select{position:relative; cursor:pointer;}
.multi-select input[type="text"][readonly]{position:relative; padding-right:20px;}
.multi-select .arrow{position:absolute; right:0; top:0; display:block; width:20px; height:100%; text-align:center; padding-top:6px;}
.multi-select .arrow i{display:block;}


/* .multi-select .select-box{position:absolute; left:0; border:1px solid #000; width:100%; background:#fff; z-index:100;}   z-index 수정 */
.multi-select .select-box{position:absolute; left:0; border:1px solid #ccc; width:100%; background:#fff; z-index:100;}   /*z-index 수정*/

.multi-select .select-box.hide{display:none;}

/* .multi-select .all-check{height:24px; line-height:24px; border-bottom:1px dashed #eee; padding:0 5px;} */
.multi-select .all-check{height:24px; line-height:24px; padding:0 5px;}


.multi-select ul{list-style:none; max-height:200px; overflow-y:auto; padding:0 5px; margin-bottom:0;}

/* .multi-select ul li{height:24px; line-height:24px; border-bottom:1px dashed #eee;} */
.multi-select ul li{height:24px; line-height:24px; }


.multi-select ul li:last-child{border-bottom:0;}
.multi-select label{vertical-align:top; width:100%;}
.multi-select input[type="checkbox"]{vertical-align:top; margin-top:2px; margin-right:5px;}


/*tooltip*/
[data-tooltip]{white-space:nowrap;}
[data-tooltip="true"]{overflow:hidden; text-overflow:ellipsis;}
.atoz-tooltip{
	position:absolute; z-index:9999; max-width:250px; padding:5px; overflow-y:auto;
	max-height:200px; background:#f9feff; word-break:break-all; box-shadow:0 0 .5em #777;
}

/*팝업의 상단 오른쪽의 닫기 버튼*/
.closePopup{position:relative; top:7px; display:inline-block; width:16px; height:16px; cursor:pointer; background:url(/resources/images/close2.png) center no-repeat; background-size:100%;}

.listCnt{color:#00b3c8; font-weight:600;}

.btn-lr-arrow{border:1px solid #00b3c8; cursor:pointer;}
.btn-lr-arrow:hover{box-shadow:0 0 .5em #00b3c8;}
.btn-right-arrow{background:url(/resources/images/ic_move3.png) center no-repeat;}
.btn-left-arrow{background:url(/resources/images/ic_move2.png) center no-repeat;}
.btn-right-arrow2{background:url(/resources/images/ic_move4.png) center no-repeat;}
.btn-left-arrow2{background:url(/resources/images/ic_move1.png) center no-repeat;}


*.to-do{background-color:lightYellow!important;}
*.comple{background-color:paleGreen!important;}

[disabled].flat{cursor:default; background-color:#fff;}

/*페이징 처리 버튼*/
.pagebtn-lr-arrow{border:1px solid #e5e5e5; cursor:pointer;}
.pagebtn-right-arrow{background:url(/resources/images/ic_move3_gray.png) center no-repeat; width: 30px; height: 30px;}
.pagebtn-right-arrow:hover{background:url(/resources/images/ic_move3_white.png) center no-repeat; width: 30px; height: 30px; background-color: #00b3c8;}
.pagebtn-left-arrow{background:url(/resources/images/ic_move2_gray.png) center no-repeat; width: 30px; height: 30px;}
.pagebtn-left-arrow:hover{background:url(/resources/images/ic_move2_white.png) center no-repeat; width: 30px; height: 30px; background-color: #00b3c8;}
.pagebtn-right-arrow2{background:url(/resources/images/ic_move4_gray.png) center no-repeat; width: 30px; height: 30px;}
.pagebtn-right-arrow2:hover{background:url(/resources/images/ic_move4_white.png) center no-repeat; width: 30px; height: 30px; background-color: #00b3c8;}
.pagebtn-left-arrow2{background:url(/resources/images/ic_move1_gray.png) center no-repeat; width: 30px; height: 30px;} 
.pagebtn-left-arrow2:hover{background:url(/resources/images/ic_move1_white.png) center no-repeat; width: 30px; height: 30px; background-color: #00b3c8;} 


/*임시 저장(지우지 말것)*/
#insertInvenReturnPop:hover{background:rgb(230, 255, 230); color:rgb(80, 105, 80); border:1px solid rgb(80, 105, 80);}
#updateInvenReturnPop:hover{background:rgb(255, 255, 230); color:rgb(105, 105, 80); border:1px solid rgb(105, 105, 80);}
#deleteInvenReturn:hover{background:rgb(255, 230, 230); color:rgb(105, 80, 80); border:1px solid rgb(105, 80, 80)}
#returnProdProcess{background:rgb(173, 231, 237); color:rgb(23, 81, 87); border:1px solid rgb(23, 81, 87);}
#returnProdProcess{background:rgb(230, 230, 255); color:rgb(80, 80, 105); border:1px solid rgb(80, 80, 105);}

/*checkbox, radio 버튼으로 변경*/
.zinInputBtn input[type="checkbox"],
.zinInputBtn input[type="radio"]{width:0; height:0; border:0; outline:0;}
.zinInputBtn input[type="checkbox"]:checked + span,
.zinInputBtn input[type="radio"]:checked + span{ border:1px solid #00b3c8!important; color:#00b3c8!important; background:#fff; }
.zinInputBtn input[type="checkbox"]:checked + span:hover,
.zinInputBtn input[type="radio"]:checked + span:hover { color:#fff!important; background:#00b3c8!important; }


/* .zinInputBtn input[type="checkbox"][id="mcAll"]:checked + span{border:1px solid #b1b6ba!important; background:linear-gradient(-45deg, #f9a999, #f9e299, #f9f999, #aaf999, #99caf9, #9999f9, #ce99f9)!important; color:#000!important;} */
.zinInputBtn input[type="checkbox"][id="mcAll"]:checked + span{border:1px solid #b1b6ba!important; background:#00b3c8!important; color:#000!important;}

.zinInputBtn input[type="checkbox"][value="MC001"]:checked + span{border:1px solid #f9a999!important; background:#f9a999!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC003"]:checked + span{border:1px solid #f9e299!important; background:#f9e299!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC005"]:checked + span{border:1px solid #f9f999!important; background:#f9f999!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC007"]:checked + span{border:1px solid #aaf999!important; background:#aaf999!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC008"]:checked + span{border:1px solid #99caf9!important; background:#99caf9!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC018"]:checked + span{border:1px solid #9999f9!important; background:#9999f9!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC019"]:checked + span{border:1px solid #ce99f9!important; background:#ce99f9!important; color:#000!important;}


/*
.zinInputBtn input[type="checkbox"][id="mcAll"]:checked + span{border:1px solid #b1b6ba!important; background:#00b3c8!important; color:#000!important;}

.zinInputBtn input[type="checkbox"][value="MC001"]:checked + span{border:1px solid #51ba96!important; background:#51ba96!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC003"]:checked + span{border:1px solid #ff7746!important; background:#ff7746!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC005"]:checked + span{border:1px solid #de70b6!important; background:#de70b6!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC007"]:checked + span{border:1px solid #b4cde4!important; background:#b4cde4!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC008"]:checked + span{border:1px solid #8c95c8!important; background:#8c95c8!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC018"]:checked + span{border:1px solid #893d9f!important; background:#893d9f!important; color:#000!important;}
.zinInputBtn input[type="checkbox"][value="MC019"]:checked + span{border:1px solid #edf8fd!important; background:#edf8fd!important; color:#000!important;}
*/

.dp_none{display:none;}
.dp_visible{display:visible;}



.sweet-alert.inventory-exception-detail>p {
    text-align : left !important;
    margin-left : 23% !important;
}

.stdWkOdBtn { height:24px!important; line-height:1.8!important; margin-top:8px; }

.contract_cancel { position:relative; display:inline-block; top:5px; width:24px; height:24px; cursor:pointer; background:url(/resources/images/contact_cancel.png) center no-repeat; background-size:100%; }

/* 텍스트 말줄이기 - css 말줄임 사용할 시 width값 지정해야함. */
.workCut { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.workCut_lines { text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }


/* be 메뉴 히스토리 */
.histMenu { float:left; height:50px; color:#000; margin-left: 11px;}
.histMenu ul { margin:0; padding:0; }
.histMenu li { list-style:none; display:inline-block; margin-top:10px; margin-right: 5px;}
.histMenu li button { height:30px; border-radius:5px; font-weight:normal!important; background:#fff; border:1px solid #b1b6ba; color:#b1b6ba; }
.histMenu li button:hover { border:1px solid #00b3c8; color:#00b3c8; }
.histMenu .active button { border:1px solid #00b3c8; color:#00b3c8; }
.histClose {margin-left: 10px; font-size: 15px; font-weight: bold; padding-right: 10px;}
.histMenu .histMenuNm { padding-left: 10px; font-size: 15px; font-weight: bold;}


/* 보유장비 모니터링 */
/* 
.equipMonitor_wrap { height:1030px; }
.equipMonitor_wrap ul { margin:0; padding:0; }
.equipMonitor_wrap ul li { width:50%; float:left; height:400px; border-bottom:1px solid #dfdfdf; list-style:none; }
.equipMonitor_wrap ul li:nth-child(2n) { border-left:1px solid #dfdfdf; }

.equipOper_tbl_wrap { float:left; width:57%; height:400px; }
.equipOper_img_wrap { float:left; width:43%; height:395px; position:relative; }
.equip_no { position:absolute; top:10px; left:10px; min-width:40px; height:33px; line-height:32px; text-align:center; background:#00b3c8; padding:0 10px; color:#fff;
            border-radius:5px; font-weight:bold; font-size:18px; }
.equip_per { position:absolute; top:10px; right:10px; min-width:40px; height:33px; line-height:32px; text-align:center; background:#00b3c8; padding:0 10px; color:#fff;
            border-radius:5px; font-weight:bold; font-size:18px; }
.equip_page { position:absolute; bottom:10px; right:10px; min-width:40px; height:33px; line-height:32px; text-align:center; background:#00b3c8; padding:0 10px; color:#fff;
            border-radius:5px; font-weight:bold; font-size:18px; }
.equipMonitor_add_wrap { height:30px; }
 */

.equipMonitor_wrap { height:99vh; }
.equipMonitor_wrap ul { margin:0; padding:0; }
.equipMonitor_wrap ul li { width:24.55%; float:left; list-style:none; border:3px solid #a9acb3; }
.equipMonitor_wrap ul li:nth-child(n+2) { margin-left:10px; }
.equipMonitor_wrap ul li:hover { cursor:pointer; }
.equipOper_tbl_wrap { float:left; height:56vh; margin-top:10px; }


.equipOper_img_wrap { height:280px; position:relative; }
.equipOper_img_wrap img { position:absolute; top:0; left:50%; margin-left:-125px; }
.equip_no { position:absolute; top:10px; left:10px; min-width:40px; height:33px; line-height:32px; text-align:center; background:#00b3c8; padding:0 10px;
            color:#fff; border-radius:5px; font-weight:bold; font-size:18px; }
.equip_per { position:absolute; top:10px; right:10px; min-width:40px; height:33px; line-height:32px; text-align:center; background:#00b3c8; padding:0px 10px;
             color:#fff; border-radius:5px; font-weight:bold; font-size:18px; }
.equip_page { position:absolute; bottom:10px; right:10px; min-width:40px; height:33px; line-height:32px; text-align:center; background:#00b3c8; padding:0 10px;
              color:#fff; border-radius:5px; font-weight:bold; font-size:18px; }
.equipOper_img_wrap .tglBg { position:absolute; top:0; left:0; background:#00b3c8; width:100%; height:300px; opacity:0.4; }
.noWorkBg { position:absolute; top:0; left:0; background:#e9e9e9; width:100%; height:100%; opacity:0.6; }




.equipMonitor_add_wrap { height:30px; }


/* 회사소개(BE) - 인사말 */
.greet_wrap p { font-size:20px; font-weight:bold; padding:10px 10px 0; }
.greetIntro_wrap { width:60%; height:350px; float:left; }
.greetImg_wrap { width:38%; height:350px; float:right; }
.ceoImg_wrap { height:200px; width:100%; border:1px solid #e6eaeb; text-align:center; position:relative; }
/* 업체로고 및 배너용 사이즈 */
.ceoImg_wrap_1 { height:150px; width:100%; border:1px solid #e6eaeb; text-align:center; position:relative; }
.ceoImg { height:200px; }
.ceoImg_wrap .logoImg { position:absolute; top:50%; left:50%; margin-top:-26px; margin-left:-85px; }
.ceoImg_upload_wrap { height:30px; margin:8px 0; }
.ceoImg_upload_wrap > input { width:100%; border-radius:3px; height:30px; line-height:30px; padding:1px 5px; }
.ceoImg_upload_wrap > span { display:block; color:#ff0000; margin-top:35px; font-size:14px; }
.ceoNm_wrap { height:70px; margin-top:13px; }
.ceoNm_wrap > span { font-size:20px; font-weight:500; }
.ceoNm_wrap > input { height:30px; border-radius:3px; width:100%; }
.greetComment_wrap { width:100%; float:left; height:465px; }


/* 회사소개(BE) - 기업정보 */
.offi_hour_wrap { display:inline-block; width:100%; position:absolute; }
.offi_hour_wrap span { font-size:13px; }

.editor_wrap_2 { width:49.5%; float:left; }
.editor_wrap_2:nth-child(even) { margin-left:1%; }
.editor_wrap_2 p { font-size:17px; margin:0; padding:10px 0 0; }

.editor_wrap_3 { width:18%; float:left; margin-left:1%; }
.editor_wrap_3 p { font-size:17px; margin:0; padding:5px 0 0; }

/* 회사소개(BE) - 주요고객사*/
.listBody ul li {
    list-style: none;
    border: 1px solid #b1b6ba;
    width: 15%;
    float: left;
    height: 220px;
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius:3px;
}
.listBody ul {
    margin-top: 20px;
    padding: 0;
}

.listBody ul li .gallery_chk { height:35px; line-height:36px; margin-left:9px; }
.gallery_tle { height:30px; text-align:center; line-height:1.5; font-weight:bold; font-size:20px; padding-top: 9px;}

.imgDiv{
    text-align: center;
    }
    

/* .gridTle { font-size:17px; font-weight:600; display:inline-block; } */
.gridTle { font-size:17px; font-weight:600; border-left:5px solid #00b3c8; text-align:left!important; padding-left:10px; }
.txt_point { color:#ff0000; }
.txt_point_blu { color:#0000ff; }
.linePoint_bttm { border-bottom:2px solid #ff0000!important; }
.linePoint_top { border-top:2px solid #ff0000!important; }
.listBody_half { padding-top:0; position:relative; /*height:31vh;*/}
.scr-y_02 { overflow-y: scroll; position: relative; }

.grd_tle_wrap { height:30px; line-height:30px; }
.grd_tle { font-size:18px; font-weight:bold; color:#555; padding-left:5px; border-left:4px solid #00b3c8; }


/* 왼쪽메뉴 배지(알람) - html태그는 div로 구성하기 */
.left_badge { background:#ff0000; width:20px; height:20px; border-radius:50%; color:#fff; font-size:14px; display:inline-block; vertical-align:middle;
         text-align:center; line-height:20px; margin-left:3px; }

.itemImg_compo_wrap { margin:0; padding:10px; }
.itemImg_compo_wrap li { width:16%; list-style:none; float:left; }
.itemImg_compo_wrap li:nth-child(n+2) { margin-left:5px; }
.itemImg_compo_wrap li > p { font-size:13px; font-weight:bold; margin:0; border:1px solid #ccc; text-align:center; background:#f6f6f6; padding:3px; }
.itemImg_compo_wrap li .itemImg { height:50px; width:100%; border:1px solid #ccc; text-align:center; position:relative; border-top:0; }
.itemImg_compo_wrap li .itemImg img { margin-top:10px; }
.itemImg_compo_wrap li .imgUpload_wrap { height:40px; }
.itemImg_compo_wrap li .imgUpload_wrap > input { width:129px; }


.wrap_tle { font-size:18px; font-weight:bold; padding-left:10px; border-left:5px solid #00b3c8; border-bottom:2px solid #00b3c8; }
.priceInfo { border:1px solid #c0c0c8; height:65%; }
.nmTag { height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:bold; width:70px; border:2px solid #00b3c8; border-bottom:0; border-radius: 3px 3px 0px 0px; }

.pdr-10{ padding-right: 10px;}


.multiChoice { border:1px solid #00b3c8!important; color:#00b3c8!important; background:#fff; }
.multiClose { border:1px solid #b1b6ba!important; color:#555!important; background:#f9f9f9; }

.label_chk02 { font-weight:normal; font-size:13px; margin-top:5px; }
.label_chk02:hover { cursor:pointer; }
.label_chk02 > input { width:18px; height:18px; margin-top:-4px; margin-right:6px; }


.moni_clock { float:right; font-weight:600; font-size:45px; width:23%; height:inherit; text-align:right; }
.moniBtn_type01 { width:70px; height:45px; line-height:41px; font-size:20px; }
.moniBtn_type02 { width:120px; height:45px; line-height:19px; font-size:15px; }
.equipMoni_contl { float:left; margin-left:2%; margin-top:-5px; }
.equipMoni_on { border:4px solid #00b3c8!important; }
.equipMoni_tbody > tr > td > div { padding-top:3px; }
.equipMoni_tbody > tr > td > div:last-child { padding-bottom:3px; }

/* 메뉴화면 row 구분자 */
.bro > td { background:#a72929!important; color:#fff; }

.upSizeGuide { position:absolute; top:-5px; left:230px; font-size:15px; color:#ff0000; }

/* 상단 그리드 */
.girdTop_listBody { width:100%; height:45%; float:left; margin-bottom: 50px;}

/* 하단 그리드 */
.girdBottom_listBody { width:100%; float:left; height:45%; }