@charset "UTF-8";
/*-----------------------------------------------------------------------------------
	Contents Properties
-----------------------------------------------------------------------------------*/
/* 공통스타일 */
.tblBorder{box-sizing:border-box;padding:10px;border:1px solid #868e91;border-radius:5px;}
.tblTitChk{margin-top:5px;}
.tblTitChk input[type="checkbox"] + label{color:#e21e26;}
.inTit{font-size:12px;font-weight:bold;color:#444;margin-bottom:5px;}
.antennaBtns button{width:70px;}
.txtLabel{display:inline-block;padding-right:5px;font-weight:bold;color:#444;}

.iconList{width:100%;}
.iconList:after{content:"";display:block;clear:both;}
.iconList li{float:left;margin:5px 10px;font-size:12px;color:#444;}
.iconList li span{display:inline-block;margin-right:5px;}

/* 게이지 그래프 */
.metric{margin:0 auto;}
.metric svg{max-width:100%;}
.metric path{stroke-width:75;stroke:#ecf0f1;fill:none;}
.metric.high path.data-arc{stroke:#e74c3c;}
.metric.high text{fill:#e74c3c;}
.metric.mid path.data-arc {stroke:#27ae60;}
.metric.mid text{fill:#27ae60;}
.metric.low path.data-arc{stroke:#3498db;}
.metric.low text{fill:#3498db;}

/* 멀티첨부파일 */
.multiFileWrap{position:relative;padding-right:55px;}
.multiFileWrap .btnAdd{position:absolute;right:0;top:0;}
.multiFileWrap ul{height:210px;overflow-y:auto;border:1px solid #d2d9dd;box-sizing:border-box;padding:0 10px;}
.multiFileWrap li{position:relative;margin-top:4px;padding-right:55px;box-sizing:border-box;overflow:hidden;}
.multiFileWrap li:first-child{margin-top:0;}
.multiFileWrap li .btnDel{position:absolute;right:0;top:50%;margin-top:-10px;}
.multiFileWrap input[type="file"]{width:100%;height:28px;line-height:26px;padding:0;border-radius:0;border:1px solid #d2d9dd;color:#333;font-size:12px;background:#fff;box-sizing:border-box;outline:0;}

/* 목록 상단 조회수 및 버튼 영역 */
.sideAllWrap{width:100%;}
.sideAllWrap:after{content:"";display:block;clear:both;}
.sideAllWrap .leftSide{float:left;}
.sideAllWrap .rightSide{float:right;}

/* 리스트 상단 영역 */
.listTopSide{width:100%;margin-bottom:7px;}
.listTopSide:after{content:"";display:block;clear:both;}
.listTopSide .left{float:left;}
.listTopSide .right{float:right;}
.listTopSide .views{display:inline-block;font-size:12px;color:#666;font-family:'돋움', Dottum;}
.listTopSide .timer{display:inline-block;margin-right:10px;font-size:12px;color:#666;font-family:'돋움', Dottum;}
.dataNumList{width:100%;}
.dataNumList:after{content:"";display:block;clear:both;}
.dataNumList li{position:relative;float:left;padding-left:15px;font-size:12px;color:#444;font-family:'돋움', Dottum;}
.dataNumList li:before{content:"";display:inline-block;position:absolute;left:7px;top:50%;width:1px;height:10px;background:#e8e8e8;margin-top:-5px;}
.dataNumList li:first-child{padding-left:0;}
.dataNumList li:first-child:before{display:none;}
.dataNumList li strong{display:inline-block;padding-left:7px;color:#909090;}
.colorGuideList{display:inline-block;font-size:0;vertical-align:middle;}
.colorGuideList li{position:relative;display:inline-block;padding-left:15px;margin-left:7px;font-size:12px;color:#444;font-family:'돋움', Dottum;vertical-align:middle;}
.colorGuideList li:before{content:"";position:absolute;left:0;top:50%;display:inline-block;width:10px;height:10px;border-radius:5px;background:#ecb804;margin-top:-5px;}
.colorGuideList li.caution:before{background:#ff000a;}
.colorGuideList li:first-child{margin-left:0;}
.tooltipWrap{display:inline-block;position:relative;margin:0 7px;vertical-align:middle;}
.tooltipWrap .layer{position:absolute;right:0;top:20px;width:250px;border:1px solid #dcd5bb;border-radius:3px;background:#fffbe3;box-sizing:border-box;padding:10px 15px;color:#666;font-size:12px;display:none;}
.tooltipWrap .layer li{margin-top:5px;}
.tooltipWrap .layer li:first-child{margin-top:0;}
.tooltipWrap img:hover + .layer{display:block;}

.pwLabelTxt{display:block;font-weight:bold;font-size:14px;color:#353535;margin-bottom:10px;}

/* 5G 기지국 관리 */
.sideWrap{position:relative;width:100%;}
.sideWrap > .leftSide{position:absolute;left:0;top:0;height:100%;min-height:100%;width:530px;box-sizing:border-box;padding:20px;background:#fff;border-right:1px solid #dadadc;}
.sideWrap > .rightSide{width:100%;padding:15px 12px 15px 542px;background:#eff1f0;box-sizing:border-box;}
.sideWrap > .rightSide .tabCntArea{height:calc(100vh - 111px); padding:20px;background:#fff;border-left:1px solid #c5c7c6;box-sizing:border-box;border-right:1px solid #c5c7c6;border-bottom:1px solid #c5c7c6;overflow-y:auto;}
.infoBox{padding:13px 19px;border:1px solid #c5c7c6;}
.inputCntGroup{width:100%;padding:15px 20px;box-sizing:border-box;border:1px solid #868e91;border-radius:5px;}

.imgCntWrap{position:relative;width:100%;min-height:770px;padding-left:522px;box-sizing:border-box;}
.imgCntWrap .leftSide{position:absolute;left:0;top:0;width:472px;}
.imgCntWrap .leftSide .imgViewZone{position:relative;width:470px;height:600px;border:1px solid #d2d9dd;overflow:hidden;}
.imgCntWrap .leftSide .imgViewZone li{position:absolute;left:0;top:0;width:470px;height:600px;display:none;}
.imgCntWrap .leftSide .imgViewZone li.on{display:block;}
.imgCntWrap .leftSide .imgViewZone li.icon{background:url("../images/icon_file_all.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.ppt{background:url("../images/icon_file_ppt.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.exl{background:url("../images/icon_file_excel.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.img{background:url("../images/icon_file_images.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.paper{background:url("../images/icon_file_paper.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.pic{background:url("../images/icon_file_picture.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.video{background:url("../images/icon_file_video.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone li.icon.zip{background:url("../images/icon_file_zip.png") no-repeat center center;}
.imgCntWrap .leftSide .imgViewZone img{position:absolute;left:0;top:0;}
.imgCntWrap .leftSide .imgCtrlZone{position:relative;}
.imgCntWrap .leftSide .imgCtrlZone .btnsZone{position:absolute;right:0;top:0;}
.slideCtrl{position:relative;width:275px;height:28px;box-sizing:border-box;padding-top:6px;}
.slideCtrl #ctrler{width:164px;height:16px;padding:0;margin:0 auto;background:url("../images/bg_slideCtrl.png") no-repeat 0 0;}
.slideCtrl span{position:absolute;top:0;height:28px;line-height:28px;font-weight:bold;}
.slideCtrl span.minNum{left:0;}
.slideCtrl span.maxNum{right:0;}
.slideCtrl .ui-widget-content, .slideCtrl .ui-widget.ui-widget-content{border:0;cursor:pointer;}
.slideCtrl .ui-widget-header{height:4px;background:#ed1c24;}
.slideCtrl .ui-slider-horizontal .ui-slider-range{top:6px;}
.slideCtrl .ui-slider .ui-slider-handle{width:6px;height:16px;cursor:pointer;}
.slideCtrl .ui-state-default, .slideCtrl .ui-widget-content .ui-state-default{border:0;background:#ed1c24;}
.slideCtrl .ui-slider-horizontal .ui-slider-handle{top:0;}
.slideCtrl .ui-state-focus, .slideCtrl .ui-state-active{border:0 !important;outline:none;}
.slideCtrl .ui-slider-horizontal .ui-slider-handle{margin-left:-6px;}
.thumbImgZone{width:100%;height:100px;padding:10px;overflow-x:scroll;overflow-y:hidden;border:1px solid #d2d9dd;box-sizing:border-box;background:#fff;}
.thumbImgZone ul{height:64px;}
.thumbImgZone li{float:left;width:64px;height:64px;border:1px solid #d2d9dd;margin-right:10px;}
.thumbImgZone li a{display:block;width:64px;height:64px;}
.thumbImgZone li a img{width:64px;height:64px;}
.thumbImgZone li.on{border-color:#ed1c24;}

.infoLinkTxt{width:100%;padding:10px 20px;box-sizing:border-box;border:1px solid #dcd5bb;background:#fffbe3;border-radius:3px;font-size:12px;color:#666;font-family:'돋움', Dottum;}
.infoLinkTxt a{position:relative;display:inline-block;margin-left:13px;padding-right:10px;text-decoration:underline;}
.infoLinkTxt a:before{content:"";display:inline-block;position:absolute;right:0;top:2px;width:5px;height:10px;background:url("../images/arrow_go_link.png") no-repeat 0 0;}

/* TTS관리자 */
.divisionWrap{position:relative;width:100%;}
.divisionWrap:after{content:"";display:block;clear:both;}
.divisionWrap .leftSide{float:left;width:50%;padding-right:10px;box-sizing:border-box;}
.divisionWrap .rightSide{float:right;width:50%;padding-left:10px;box-sizing:border-box;}
.divisionWrap .right{position:absolute;right:0;bottom:0;}
.date-timer{font-size:12px;color:#444;font-family:'돋움', Dottum;}
.date-timer b{display:inline-block;color:#909090;font-weight:bold;margin-left:10px;}
.inputBox{border:1px solid #c5c7c6;box-sizing:border-box;padding:13px 15px;border-radius:3px 3px 0 0;}

/* 감시 구성관리 */
.lineSetWrap{position:relative;padding-left:248px;}
.lineSetWrap .leftSide{position:absolute;left:0;top:0;width:230px;}
.treeWrapBox{border:1px solid #dadadc;box-sizing:border-box;padding:10px;}
.treeWrapBox02{width:100%;height:270px;box-sizing:border-box;border-radius:5px;border:1px solid #444;}
.treeWrapBox02 dt{height:32px;line-height:32px;padding:0 12px;border-bottom:1px solid #b2b4b8;color:#222;font-size:14px;}
.idSrchBox{width:100%;height:530px;margin-top:18px;box-sizing:border-box;border-radius:5px;border:1px solid #444;}
.idSrchBox .topSide{padding:10px;height:120px;box-sizing:border-box;}

.actionttWrap{position:relative;padding-right:470px;}
.actionttWrap .rightSide{position:absolute;right:0;top:0;width:450px;height:100%;}
.gridBox{border:1px solid #444;border-radius:5px;}
.gridBox .inputZone{padding:5px 10px;}
.messageArea{min-width:560px;height:859px;background:#ededed;border-radius:5px;padding:15px;}
.messageArea .boxWrap{/*border:1px solid #444;*/background:#fff;padding:15px;border-radius:5px;}
.messageArea .boxWrap .tblInput td{padding:2px;}
.messageArea .boxWrap .tblInput td label.mgT5{margin-top:7px !important;}

/* 통합검색 */
.srchGray.total table tr th, .srchGray.total table td{text-align:left;padding:5px 0 5px 5px;}
.srchInputTxt03{position:relative;display:inline-block;width:100%;padding-right:54px;box-sizing:border-box;border:1px solid #263c62;font-size:0;background:#fff;}
.srchInputTxt03 input[type="text"]{border:0;height:40px;line-height:40px;padding:0 0 0 18px;font-size:14px;}
.srchInputTxt03 .btnIcoSrch{position:absolute;right:-1px;top:-1px;display:inline-block;width:41px;height:42px;cursor:pointer;}
.srchInputTxt03.sel{padding-left:160px;}
.srchInputTxt03.sel select{
	position:absolute;left:0;top:0;width:160px;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;border:0;border-radius:0;
	font-size:14px;color:#263c62;background-image:url("../images/bg_sel_srch.png");font-weight:bold;
}
.srchInputTxt03.sel input[type="text"]{width:100%;}
.srchTitTxt{margin-top:40px;text-align:center;font-size:18px;color:#666;}
.srchTitTxt strong{font-weight:bold;color:#ed2728;}
.srchTitTxt span{font-weight:bold;color:#222;}
.srchResultZone{margin-top:45px;}
.srchResultZone > dt{position:relative;margin-top:50px;font-size:16px;color:#222;font-weight:bold;padding-bottom:12px;border-bottom:2px solid #b7bdc6;}
.srchResultZone > dt:first-child{margin-top:0;}
.srchResultZone > dt span{display:inline-block;margin-left:15px;font-size:12px;font-weight:bold;color:#666;font-family:'돋움', Dottum;}
.srchResultZone > dt span.on{color:#ed2728;}
.srchResultZone > dt a{
	position:absolute;right:0;top:3px;display:inline-block;padding-right:15px;font-size:11px;font-weight:bold;color:#666;font-family:'돋움', Dottum;background:url("../images/bg_more_arr.png") no-repeat right center;
}
.srchResultZone .noData{padding-top:60px;text-align:center;}
.srchResultZone .noData span{position:relative;display:inline-block;padding-left:42px;font-size:16px;color:#666;}
.srchResultZone .noData span:before{content:"";position:absolute;left:0;top:50%;display:block;width:30px;height:29px;margin-top:-14.5px;background:url("../images/bg_board_none2.png") no-repeat 0 0;}
.srchResultZone .srchResultData li{padding:28px 10px;border-bottom:1px solid #b7bdc6;}
.srchResultZone .srchResultData li a{display:block;width:100%;}
.srchResultZone .srchResultData li .titWrap .tit{color:#222;font-weight:bold;font-size:14px;}
.srchResultZone .srchResultData li .titWrap .writer{display:inline-block;margin-left:25px;font-size:12px;color:#444;}
.srchResultZone .srchResultData li .titWrap .writer em{position:relative;display:inline-block;margin-left:10px;padding-left:11px;color:#444;}
.srchResultZone .srchResultData li .titWrap .writer em:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:1px;height:10px;background:#cccecf;}
.srchResultZone .srchResultData li .cnts{
	margin-top:15px;font-size:13px;color:#444;line-height:1.4em;height:2.8em;
	overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.srchResultZone .srchResultData li .loca{margin-top:15px;font-size:12px;color:#888;}

/* 커뮤니티 게시판 */
.commSideWrap{position:relative;padding-left:300px;}
.commSideWrap .leftSide{position:absolute;left:0;top:0;width:280px;height:100%;padding-top:46px;border:1px solid #b2b4b8;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;box-sizing:border-box;}
.commSideWrap .leftSide .ztree{height:100%; padding: 20px 10px; overflow-y:auto; box-sizing:border-box; }
.commSideWrap .leftSide .top{position:absolute; left:0; top:0; width:100%; height:46px; padding: 0 12px; font-size: 14px; color: #222; line-height: 46px; border-bottom: 1px solid #b2b4b8; box-sizing: border-box;}

/* 모니터링 대쉬보드 */
.topNowInfo{font-family:'돋움', Dottum;font-size:12px;font-weight:normal;display:inline-block;vertical-align:top;}
.btn.boardReset{
	position:relative;margin-left:21px;padding-left:18px;height:14px;line-height:14px;font-size:12px;color:#d1d8dc;font-weight:normal;vertical-align:top;background:url("../images/btn_ico_reset.png") no-repeat left center;
}
.btn.boardReset:before{content:"";display:inline-block;position:absolute;left:-11px;top:3px;width:1px;height:9px;background:#d1d8dc;}
.monitoringBoard{padding:25px;box-sizing:border-box;}
.monitoringBoard .boardWrap{height:calc(100vh - 142px);padding:20px;background:#fff;border:1px solid #8c989d;border-radius:5px;overflow:auto;}
.monitoringBoard .boxTopSide{width:100%;height:400px;}
.monitoringBoard .boxTopSide > li{float:left;}
.monitoringBoard .boxTopSide .box01{width:38%;margin-right:2%;}
.monitoringBoard .boxTopSide .box02{width:38%;margin-right:2%;}
.monitoringBoard .boxTopSide .box03{width:20%;}
.monitoringBoard .graphZone{width:100%;padding:15px;height:372px;box-sizing:border-box;border:1px solid #d2d9dd;}
.monitoringBoard .graphZone:after{content:"";display:block;clear:both;}
.monitoringBoard .boxBtmSide{margin-top:15px;}
.monitoringBoard .boxBtmSide .graphZone{width:100%;height:350px;}
.monitoringBoard .boxBtmSide .graphZone:after{content:"";display:block;clear:both;}
.monitoringBoard .boxBtmSide .graphZone > li{float:left;width:20%;}
.monitoringBoard .boxTopSide .left{float:left;width:48%;}
.monitoringBoard .boxTopSide .left .info{margin-top:30px;}
.monitoringBoard .boxTopSide .left .info li{position:relative;padding-left:90px;margin-top:10px;font-size:14px;}
.monitoringBoard .boxTopSide .left .info li:first-child{margin-top:0;}
.monitoringBoard .boxTopSide .left .info li strong{display:inline-block;position:absolute;left:0;top:0;width:90px;}
.monitoringBoard .boxTopSide .right{float:right;width:48%;}
.monitoringBoard .boxTopSide .ipInfo{margin:0 auto;text-align:center;font-weight:bold;margin-bottom:20px;font-size:14px;}
.monitoringBoard .boxTopSide .ipInfo strong{display:inline-block;margin-right:10px;font-size:12px;}
.monitoringBoard .memInfo{width:50%;margin:-30px auto 0;}
.monitoringBoard .memInfo li{margin-top:10px;font-size:14px;}
.monitoringBoard .memInfo li strong{font-size:12px;display:inline-block;width:60px;}
.monitoringBoard .memInfo li:first-child{margin-top:0;}

/* 댓글영역 */
.replyArea{margin-top:35px;}
.replyArea .reNum{position:relative;display:inline-block;margin-bottom:20px;padding-bottom:6px;color:#222;font-size:14px;}
.replyArea .reNum:before{content:"";position:absolute;left:0;bottom:0;display:block;width:100%;height:1px;background:#a9a9a9;}
.replyArea .replyInput{width:100%;height:92px;padding:5px;border:1px solid #d7d7d7;box-sizing:border-box;background:#eaecf0;}
.replyArea .replyInput textarea{float:left;color:#222;border:0;background:transparent;padding:7px;font-size:14px;line-height:1.4;}
.replyArea .replyInput .btn{float:right;width:74px;height:80px;line-height:80px;background:#414143;border:0;font-size:14px;color:#fff;}
.replyArea .txtLength{margin-top:7px;text-align:right;color:#222;font-size:12px;}
.replyArea .txtLength strong{font-weight:bold;}
.replyArea .replyList{margin-bottom:35px;}
.replyArea .replyList > li{width:100%;padding:12px 0;box-sizing:border-box;border-bottom:1px solid #dadadc;}
.replyArea .replyList > li:first-child{padding-top:0;}
.replyArea .replyList dt{width:100%;margin-bottom:10px;}
.replyArea .replyList dt:after{content:"";display:block;clear:both;}
.replyArea .replyList dt strong{float:left;font-weight:bold;color:#222;font-size:14px;}
.replyArea .replyList dt .date{float:right;font-size:14px;color:#666;}
.replyArea .replyList dd{line-height:1.4;color:#222;font-size:14px;}
.replyArea .replyList dd input[type="image"]{vertical-align:middle;margin-left:4px;}

/* 포털 대시보드 설정 */
.dashboardSetWrap{position:relative;width:100%;margin-top:40px;}
.dashboardSetWrap:after{content:"";display:block;clear:both;}
.dashboardSetWrap .leftSide{float:left;width:50%;padding-right:30px;box-sizing:border-box;}
.dashboardSetWrap .rightSide{float:right;width:50%;padding-left:30px;box-sizing:border-box;}
.dashboardSetWrap .sideBtns{position:absolute;left:50%;top:50%;margin:-22.5px 0 0 -10.5px;}
.dashboardSetWrap .sideBtns span{display:block;}
.dashboardSetWrap .sideBtns span:first-child{margin-bottom:3px;}
.dashboardSet{position:relative;}
.dashboardSet dt{font-size:14px;font-weight:bold;color:#444;padding-top:5px;margin-bottom:10px;}
.dashboardSet .right{position:absolute;right:0;top:0;}

/* 공지사항 팝업 */
.popNoticeWrap{position:relative;padding:57px 0 40px;background:#fff;}
.popNoticeWrap > dt{
	z-index:10;position:absolute;left:0;top:0;width:100%;height:55px;padding:22px 30px 0;box-sizing:border-box;
	text-align:right;border-bottom:2px solid #5b6167;font-size:0;background:#fff url("../images/bg_noti_top.png") repeat-x left top;
}
.popNoticeWrap > dt .tit{position:absolute;left:20px;top:0;height:64px;line-height:62px;padding-left:46px;color:#009591;font-weight:bold;font-size:20px;background:url("../images/img_noti_top.png") no-repeat left top;}
.popNoticeWrap > dt .date{display:inline-block;position:relative;line-height:22px;padding-right:11px;font-size:12px;color:#666;vertical-align:middle;}
.popNoticeWrap > dt .date:before{content:"";display:inline-block;position:absolute;right:5px;top:50%;width:1px;height:10px;margin-top:-5px;background:#cfd1d2;}
.popNoticeWrap > dd.cntArea{width:100%;height:calc(100vh - 98px);padding:13px 30px 30px;background:#e7e9eb;overflow-y:auto;box-sizing:border-box;border-top:1px solid #95999c;}
.popNoticeWrap > dd.cntArea .tabMenu ul{margin-bottom:13px;font-size:0;}
.popNoticeWrap > dd.cntArea .tabMenu li{position:relative;display:inline-block;padding-right:6px;margin-right:5px;}
.popNoticeWrap > dd.cntArea .tabMenu li a{font-size:12px;color:#868e91;font-weight:bold;}
.popNoticeWrap > dd.cntArea .tabMenu li a em{font-weight:normal;}
.popNoticeWrap > dd.cntArea .tabMenu li::after{content:"";position:absolute;right:0;top:50%;display:inline-block;width:1px;height:10px;margin-top:-5px;background:#d2d9dd;}
.popNoticeWrap > dd.cntArea .tabMenu li:last-child::after{display:none;padding-right:0;margin-right:0;}
.popNoticeWrap > dd.cntArea .tabMenu li.on a{color:#323a41;}
.popNoticeWrap > dd.cntArea .noticeList > li{margin-top:30px;}
.popNoticeWrap > dd.cntArea .noticeList > li:first-child{margin-top:0;}
.popNoticeWrap > dd.cntArea .popNotiBox{border:1px solid #e3e3e3;border-radius:10px;overflow:hidden;background:#fff;}
.popNoticeWrap > dd.cntArea .popNotiBox .tit{position:relative;width:100%;height:59px;box-sizing:border-box;padding:10px 10px 0 51px;border-bottom:1px solid #e3e3e3;}
.popNoticeWrap > dd.cntArea .popNotiBox .tit em{
	position:absolute;left:10px;top:50%;width:31px;height:31px;line-height:1.1;display:inline-block;box-sizing:border-box;
	padding-top:3px;margin-top:-15.5px;border-radius:3px;text-align:center;word-break:break-word;color:#fff;
}
.popNoticeWrap > dd.cntArea .popNotiBox .tit em.global{background:#ed1c24;}
.popNoticeWrap > dd.cntArea .popNotiBox .tit em.local{background:#1baec5;}
.popNoticeWrap > dd.cntArea .popNotiBox .tit p{
	height:2.8em;line-height:1.4em;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#444;font-size:14px;font-weight:bold;
}
.popNoticeWrap > dd.cntArea .popNotiBox .cnt{padding:10px;box-sizing:border-box;}
.popNoticeWrap > dd.cntArea .popNotiBox .btm{width:100%;box-sizing:border-box;padding:0 10px;height:40px;background:#f7f7f7;}
.popNoticeWrap > dd.cntArea .popNotiBox .btm:after{content:"";display:block;clear:both;}
.popNoticeWrap > dd.cntArea .popNotiBox .btm .date{float:left;font-size:12px;color:#444;line-height:40px;}
.popNoticeWrap > dd.cntArea .popNotiBox .btm .attach{float:right;font-size:12px;line-height:40px;}
.popNoticeWrap > dd.chkArea{position:absolute;left:0;bottom:0;width:100%;height:41px;border-top:1px solid #e3e3e3;box-sizing:border-box;padding:0 30px;}
.popNoticeWrap > dd.chkArea p{float:left;height:40px;line-height:40px;}
.popNoticeWrap > dd.chkArea p label{font-size:12px;color:#444;font-weight:bold;}
.popNoticeWrap > dd.chkArea .btn{float:right;width:62px;height:24px;line-height:24px;margin-top:9px;color:#fff;font-size:14px;text-align:center;background:#009591;border-radius:2px;}
.popLayer .popNoticeWrap{width:472px;}
.popLayer .popNoticeWrap > dd.cntArea{height:auto;max-height:700px;}
.popLayer .btnCloseNoti{position:absolute;right:10px;top:25px;z-index:11;}

/* 트리메뉴 박스형 */
.treeBoxType { position: relative;height:calc(100vh - 160px); padding-top:30px; border: 1px solid #444; border-radius: 5px; box-sizing: border-box; }
.treeBoxType .top { position:absolute; left:0; top:0; width:100%; padding: 0 12px; font-size: 14px; color: #222; line-height: 30px; border-bottom: 1px solid #b2b4b8; box-sizing: border-box; /*background:#e3fafd;*/}
.treeBoxType .ztree { height:100%; padding: 20px 10px; overflow-y:scroll; box-sizing:border-box; }
.treeBoxType .top .btn-area { position: absolute; right: 10px; top: 4px; height: 20px; }
.treeBoxType .top .btn-area span { display: inline-block; width: 20px; height: 20px; margin-left: 5px; cursor: pointer; }
.treeBoxType .top .btn-area .minus { background: url("../images/icon_minus03.png") no-repeat center center; }
.treeBoxType .top .btn-area .plus { background: url("../images/icon_plus03.png") no-repeat center center; }
.treeBoxType .top .btn-area .refresh { background: url("../images/icon_refresh.png") no-repeat center center; }

/* 장비리스트박스 */
.gearListBox{width:100%;height:100%;box-sizing:border-box;border:1px solid #c5c7c6;}
.gearListBox .top{width:100%;min-width:300px;height:45px;box-sizing:border-box;padding:9px 18px 0;background:#dfe1e6;border-bottom:1px solid #c5c7c6;}
.gearListBox .top .total{float:left;line-height:28px;color:#444;font-family:'돋움', Dottum;font-size:12px;}
.gearListBox .top .total strong{color:#909090;}
.gearListBox .top .right{float:right;}
.gearListBox .treeArea{padding:10px;box-sizing:border-box;overflow-y:auto;}
.selectSysBox{width:100%;height:100%;box-sizing:border-box;border:1px solid #c5c7c6;}
.selectSysBox .total{width:100%;height:45px;line-height:45px;box-sizing:border-box;padding:0 18px;background:#dfe1e6;border-bottom:1px solid #c5c7c6;color:#444;font-family:'돋움', Dottum;font-size:12px;}
.selectSysBox .total strong{color:#909090;}

/* eNB */
.type01.custom tr:nth-child(even) td{background:#fcf7eb;}

/* 소형이하 인빌딩 계획 투자 팝업 */
.tabCntArea > li{height:620px;display:none;}
.tabCntArea > li:first-child{display:block;}
.planNotiArea .title{margin-bottom:10px;font-size:14px;color:#444;font-size:14px;font-weight:bold;}
.planNotiArea .notiList{height:400px;overflow-y:auto;border-bottom:1px solid #dadadc;border-top:1px solid #b7bdc6;}
.planNotiArea .notiList dt{background:#ececec;padding:11px 17px;font-size:13px;color:#444;border-top:1px solid #b7bdc6;border-bottom:1px solid #dadadc;}
.planNotiArea .notiList li:first-child dt{border-top:0;}
.planNotiArea .notiList dt.impt{background:#e5f4f4;}
.planNotiArea .notiList dd{padding:14px 25px 23px;font-size:12px;line-height:20px;color:#666;}
.planNotiArea .notiList dd a{text-decoration:underline;}

/* TX 주파수 */
.txIcoList{width:460px;}
.txIcoList:after{content:"";display:block;clear:both;}
.txIcoList li{float:left;width:50%;}
.txIcoList li input{vertical-align:middle;}
.txIcoList li .ico{display:inline-block;vertical-align:middle;}

/* 클러스터 범례 */
table.type01.cluster tr:hover td{background-color:#fff;}
table.type01.cluster tr:nth-child(even) td, table.type01.cluster tr:nth-child(even):hover td{background:#f7f7f7;}
table.type01.cluster td.bgRed{background:#ed2728 !important;}
table.type01.cluster td.bgOrg{background:#ff7814 !important;}
table.type01.cluster td.bgYlw{background:#f2ef08 !important;}
table.type01.cluster td.bgGrn{background:#12a935 !important;}
table.type01.cluster td.bgBlu{background:#0897f2 !important;}

/* 출력 팝업 */
.areaBtn{
	display:inline-block;min-height:20px;min-width:71px;line-height:18px;border-radius:2px;box-sizing:border-box;background-color:#f4f4f4;
	color:#444;font-size:11px;text-align:center;border:1px solid #c3c3c3;outline:0;cursor:pointer;
}
.areaBtn:disabled{cursor:default;opacity:0.5;}
.areaBtn.utm{width:100%;height:60px;padding-top:38px;line-height:auto;background:#f4f4f4 url("../images/btn_ico_utm.png") no-repeat center 7px;}
.areaValueWrap{width:100%;}
.areaValueWrap:after{content:"";display:block;clear:both;}
.areaValueWrap li{float:left;width:33.3%;box-sizing:border-box;padding:0 7px;}
.areaValueWrap li p{margin-top:4px;}
.areaValueWrap li label{display:inline-block;width:15px;}
.printPosition{position:relative;width:100%;height:110px;}
.printPosition .leftSide p{position:absolute;left:0;bottom:0;}
.printPosition .leftSide p .areaBtn{width:79px;letter-spacing:-1px;}
.positionBtns{width:81px;}
.positionBtns:after{content:"";display:block;clear:both;}
.positionBtns li{float:left;width:25px;height:25px;margin:0 2px 2px 0;}
.areaBtn.arr{width:25px;min-width:25px;height:25px;background-repeat:no-repeat;background-position:center center;}
.areaBtn.arr.btn01{background-image:url("../images/btn_arr_topL.png");}
.areaBtn.arr.btn02{background-image:url("../images/btn_arr_top.png");}
.areaBtn.arr.btn03{background-image:url("../images/btn_arr_topR.png");}
.areaBtn.arr.btn04{background-image:url("../images/btn_arr_left.png");}
.areaBtn.arr.btn05{background-image:url("../images/btn_arr_center.png");}
.areaBtn.arr.btn06{background-image:url("../images/btn_arr_right.png");}
.areaBtn.arr.btn07{background-image:url("../images/btn_arr_bottomL.png");}
.areaBtn.arr.btn08{background-image:url("../images/btn_arr_bottom.png");}
.areaBtn.arr.btn09{background-image:url("../images/btn_arr_bottomR.png");}
.printPosition .rightSide{position:absolute;right:0;top:0;width:370px;height:110px;}

/* Rack & VNF 배치구조 */
.rackStatus{width:100%;position:relative;height:calc(100vh - 190px);margin-top:12px;background:#dfe1e6;box-sizing:border-box;padding:40px 30px 40px 302px;}
.rackStatus .leftSide{position:absolute;left:30px;top:40px;width:232px;height:calc(100vh - 270px);box-sizing:border-box;}
.rackStatus .cgniList dt{height:78px;line-height:78px;background:#414a4e url("../images/bg_rackStatus.png") no-repeat 31px 20px;padding-left:91px;color:#fff;font-weight:bold;font-size:14px;border-radius:6px;}
.rackStatus .cgniList dd{border-left:3px solid #d0d5dd;margin-left:10px;}
.cgniList ul{padding:20px 0 0 18px;}
.cgniList li{position:relative;width:200px;height:26px;margin-top:37px;}
.cgniList li:first-child{margin-top:0;}
.cgniList li:before{content:"";display:block;position:absolute;left:-18px;bottom:0;width:18px;height:3px;background:#d0d5dd;}
.cgniList li a{
	position:absolute;left:0;top:0;display:block;width:100%;height:48px;line-height:48px;padding:0 20px;background:#fff;border-radius:6px;box-sizing:border-box;
	color:#444;font-size:13px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cgniList li a:before{content:"";display:block;position:absolute;left:0;top:9px;width:5px;height:30px;background:#41bbbd;}
.cgniList li.on a{color:#fff;background:#414a4e;}
.rackStatus .rightSide{background:#fff;height:calc(100vh - 270px);padding:30px 40px;overflow-y:auto;box-sizing:border-box;}
.rackStatus .rightSide dt{height:45px;line-height:45px;color:#414a4e;font-size:13px;font-weight:bold;background:#dfe1e6;padding-left:25px;}
.rackStatus .rightSide dd{padding:15px 0 0 20px;}
.rackStatus .rackList{width:100%;}
.rackStatus .rackList:after{content:"";display:block;clear:both;}
.rackStatus .rackList li{float:left;width:100px;height:160px;margin:15px 15px 0 0;}
.rackStatus .rackList li a{display:block;width:100%;height:160px;padding-top:117px;box-sizing:border-box;background:url("../images/img_rackSet.png") no-repeat 0 0;overflow:hidden;}
.rackStatus .rackList li a strong, .rackList li a span{display:block;color:#fff;font-weight:bold;font-size:12px;text-align:center;}

.popLayer .popCntType > dd.popCnts.rackDetailWrap{width:100%;max-height:100%;height:794px;padding:0;overflow:hidden;}
.rackDetailWrap .rackList{float:left;width:262px;height:794px;padding:25px 0 25px 23px;box-sizing:border-box;overflow-y:auto;}
.rackDetailWrap .rackList dt{
	position:relative;width:200px;height:48px;line-height:48px;padding:0 20px;color:#fff;background:#414a4e;border-radius:6px;box-sizing:border-box;
	font-size:13px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rackDetailWrap .rackList dt:before{content:"";display:block;position:absolute;left:0;top:9px;width:5px;height:30px;background:#41bbbd;}
.rackDetailWrap .rackList dd{border-left:3px solid #d0d5dd;margin-left:10px;margin-bottom:17px;}
.rackDetailWrap .rackList ul{padding:15px 0 0 12px;}
.rackDetailWrap .rackList li{position:relative;width:175px;height:18px;margin-top:25px;}
.rackDetailWrap .rackList li:first-child{margin-top:0;}
.rackDetailWrap .rackList li:before{content:"";display:block;position:absolute;left:-12px;bottom:0;width:12px;height:3px;background:#d0d5dd;}
.rackDetailWrap .rackList li a{
	position:absolute;left:0;top:0;display:block;width:100%;height:35px;padding:0 15px;box-sizing:border-box;
	color:#fff;font-weight:bold;font-size:1px;line-height:35px;background:#c2cad4;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.rackDetailWrap .rackList li.on a{background:#41bbbd;}
.rackDetailWrap .rackPlacement{float:left;width:390px;height:794px;padding-top:15px;box-sizing:border-box;background:#708190;}

.rackBody{width:296px;margin:0 auto;background:#505f6c;border-radius:8px;padding:6px;box-sizing:border-box;}
.rackBody ul{background:#2e3639;padding:8px 8px 8px 24px;border-radius:4px;}
.rackBody li{position:relative;width:252px;height:13px;margin-top:3px;background:#121617;border-radius:3px;font-size:0;}
.rackBody li:first-child{margin-top:0;}
.rackBody li a{position:absolute;left:0;top:0;display:block;height:13px;width:100%;color:#fff;font-weight:bold;font-size:14px;text-align:center;background:#000;z-index:10;border-radius:3px;}
.rackBody li a.two{height:29px;line-height:29px;}
.rackBody li a.sTypeTxt span{display:block;width:100%;background:#505f6c;border-radius:3px;}
.rackBody li a img, .rackBody li a span{opacity:0.4;}
.rackBody li.on a img,  .rackBody li.on a.sTypeTxt span, .rackBody li a:hover img, .rackBody li a:hover span{opacity:1;}
.rackBody li em{display:inline-block;position:absolute;left:-18px;top:0;width:15px;height:13px;line-height:12px;color:#6a7478;font-size:9px;text-align:center;}
.rackBody li:nth-last-child(5) em{color:#e42c2c;}
.rackBody li:nth-last-child(10) em{color:#eb1e75;}
.rackBody li:nth-last-child(15) em{color:#dd7800;}
.rackBody li:nth-last-child(20) em{color:#f4b800;}
.rackBody li:nth-last-child(25) em{color:#a2f218;}
.rackBody li:nth-last-child(30) em{color:#06b873;}
.rackBody li:nth-last-child(35) em{color:#00cafd;}
.rackBody li:nth-last-child(40) em{color:#2367e4;}
.rackBody li:nth-last-child(45) em{color:#9f5fff;}

.rackDetailWrap .serverDetail{float:left;width:481px;height:794px;}
.serverDetail .rackTitleArea{position:relative;background:#41bbbd;}
.serverDetail .rackTitleArea p{width:370px;height:80px;line-height:80px;color:#fff;font-size:18px;text-align:center;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.serverDetail .rackTitleArea .btnPrev{position:absolute;left:30px;top:50%;margin-top:-12.5px;}
.serverDetail .rackTitleArea .btnNext{position:absolute;right:30px;top:50%;margin-top:-12.5px;}
.serverDetail .rackTotalInfo{height:calc(794px - 80px);background:#414a4e;box-sizing:border-box;padding:30px;color:#4de385;font-size:11px;}
.serverDetail .serverInfoArea{width:100%;}
.serverDetail .serverInfoArea:after{content:"";display:block;clear:both;}
.serverDetail .serverInfoArea > dl{float:left;width:50%;}
.serverDetail .serverInfoArea > dl > dt{height:50px;line-height:50px;padding-left:30px;color:#fff;font-size:13px;font-weight:bold;}
.serverDetail .serverInfoArea > dl > dd.tit{height:60px;line-height:60px;padding-left:30px;color:#444;font-size:12px;font-weight:bold;}
.serverDetail .serverInfoArea > dl > dd.list{height:604px;padding:0;overflow-y:auto;}
.serverDetail .serverInfoArea > dl.hostInfoZone > dt{background:#414a4e;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dt{background:#787d83;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.tit{background:#d8d8dc;}
.serverDetail .serverInfoArea > dl.hostInfoZone > dd.list{background:#d0d2d9;}
.serverDetail .serverInfoArea > dl.hostInfoZone > dd.list ul{padding:0 30px;}
.serverDetail .serverInfoArea > dl.hostInfoZone > dd.list li{margin-top:5px;}
.serverDetail .serverInfoArea > dl.hostInfoZone > dd.list li:first-child{margin-top:0;}
.serverDetail .serverInfoArea > dl.hostInfoZone > dd.list li a{
	display:inline-block;max-width:100%;height:26px;line-height:25px;color:#8a99a5;font-size:12px;font-weight:bold;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.serverDetail .serverInfoArea > dl.hostInfoZone > dd.list li.on a{border-bottom:2px solid #414a4e;color:#414a4e;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li{position:relative;height:34px;padding:0 45px 0 28px;background:#b0b1b9;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li:nth-child(even){background:#a7a8b0;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li strong{display:block;width:100%;height:34px;line-height:34px;color:#fff;font-size:12px;color:#ebebeb;font-weight:normal;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li .lamp{position:absolute;right:13px;top:50%;height:10px;margin-top:-5px;font-size:0;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li .lamp span{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:5px;background:#fff;vertical-align:top;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li .lamp span.grn{background:#4de385;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li .lamp.warning span.grn{background:#fff;}
.serverDetail .serverInfoArea > dl.vmInfoZone > dd.list li .lamp.warning span.red{background:#e90000;}

/* NMS-SMSC 연동구간 감시 */
.smscWrap{position:relative;width:1395px;margin:70px auto 0;}
.smscWrap:after{content:"";display:block;clear:both;}
.smscWrap > div{float:left;height:750px;box-sizing:border-box;}
.smscWrap .dbserver{position:relative;width:223px;}
.smscWrap .dbserver p{
	position:relative;width:193px;height:193px;margin-top:280px;padding-top:139px;text-align:center;color:#fff;font-size:15px;font-weight:bold;
	box-sizing:border-box;border:3px solid #4fe381;border-radius:96.5px;background:#184528 url("../images/bg_smsc_dbServer.png") no-repeat center 36px;
}
.smscWrap .dbserver p:after{content:"";display:inline-block;position:absolute;right:-33px;top:50%;width:30px;height:3px;margin-top:-1.5px;background:#4fe381;}
.smscWrap .repeater{position:relative;width:223px;padding-left:30px;}
.smscWrap .repeater p{
	position:relative;width:193px;height:193px;margin-top:280px;padding-top:139px;text-align:center;color:#fff;font-size:15px;font-weight:bold;
	box-sizing:border-box;border:3px solid #4fe381;border-radius:96.5px;background:#184528 url("../images/db_smsc_repeater.png") no-repeat center 42px;
}
.smscWrap .repeater p:after{content:"";display:inline-block;position:absolute;left:-33px;top:50%;width:30px;height:3px;margin-top:-1.5px;background:#4fe381;}
.smscWrap .nodeGroup01{width:236px;}
.smscWrap .nodeGroup01 > div{padding-top:23px;}
.smscWrap .nodeGroup01 ul{padding:0 30px;border:3px solid #4fe381;border-radius:8px;}
.smscWrap .nodeGroup01 li{position:relative;width:170px;height:26px;margin-top:52px;z-index:10;}
.smscWrap .nodeGroup01 li:first-child{margin-top:-26px;}
.smscWrap .nodeGroup01 li:last-child{height:23px;}
.smscWrap .nodeGroup01 li:before{content:"";display:inline-block;position:absolute;left:-30px;bottom:0;width:30px;height:3px;background:#4fe381;}
.smscWrap .nodeGroup01 li:after{content:"";display:inline-block;position:absolute;right:-30px;bottom:0;width:30px;height:3px;background:#4fe381;}
.smscWrap .nodeGroup01 li:first-child:before, .smscWrap .nodeGroup01 li:first-child:after, .smscWrap .nodeGroup01 li:last-child:before, .smscWrap .nodeGroup01 li:last-child:after{display:none;}
.smscWrap .nodeGroup01 li p{
	position:absolute;left:0;top:0;width:100%;height:50px;padding-left:74px;box-sizing:border-box;border-radius:3px;overflow:hidden;
	border:1px solid #4fe381;background:#0c2214;z-index:11;color:#4fe381;font-size:12px;line-height:48px;
}
.smscWrap .nodeGroup01 li p strong{display:inline-block;position:absolute;left:0;top:0;width:59px;height:48px;line-height:48px;border-radius:3px 0 0 3px;color:#fff;font-size:13px;font-weight:bold;text-align:center;background:#184528;}
.smscWrap .nodeGroup01 li.error p{background:#320505;border-color:#ff0000;color:#ff0000;}
.smscWrap .nodeGroup01 li.error p strong{background:#640a0a;}
.smscWrap .nodeGroup02{width:347px;font-size:0;padding:271px 30px 0;}
.smscWrap .nodeGroup02 li{position:relative;display:inline-block;width:136px;height:206px;border:3px solid #4fe381;box-sizing:border-box;border-radius:4px;}
.smscWrap .nodeGroup02 li:first-child{margin-right:15px;background:#184528 url("../images/bg_smsc_dbServer.png") no-repeat center 27px;}
.smscWrap .nodeGroup02 li:last-child{background:#184528 url("../images/bg_wall_default.png") no-repeat center 21px;}
.smscWrap .nodeGroup02 li p{position:absolute;left:0;bottom:0;width:100%;height:58px;box-sizing:border-box;padding-top:10px;background:#0c2214;border-radius:0 0 4px 4px;text-align:center;color:#4fe381;font-size:12px;}
.smscWrap .nodeGroup02 li p strong{display:block;color:#fff;font-size:13px;margin-bottom:3px;}
.smscWrap .nodeGroup02 li span{display:inline-block;position:absolute;right:0;top:-20px;padding-left:13px;font-size:10px;color:#4fe381;}
.smscWrap .nodeGroup02 li span:before{content:"";display:inline-block;position:absolute;left:0;top:3px;width:8px;height:8px;border-radius:4px;background:#4fe381;}
.smscWrap .nodeGroup02 li:last-child.error{border-color:#ff0000;background:#640a0a url("../images/bg_wall_error.png") no-repeat center 21px;}
.smscWrap .nodeGroup02 li:last-child.error p{background:#320505;color:#ff0000;}
.smscWrap .nodeGroup02 li:last-child.error span{color:#ff0000;}
.smscWrap .nodeGroup02 li:last-child.error span:before{background:#ff0000;}
.smscWrap .nodeGroup02 li:first-child:before{content:"";display:inline-block;position:absolute;left:-33px;top:50%;width:30px;height:3px;margin-top:-1.5px;background:#4fe381;}
.smscWrap .nodeGroup02 li:last-child:before{content:"";display:inline-block;position:absolute;left:-18px;top:50%;width:15px;height:3px;margin-top:-1.5px;background:#4fe381;}
.smscWrap .nodeGroup02 li:last-child:after{content:"";display:inline-block;position:absolute;right:-33px;top:50%;width:30px;height:3px;margin-top:-1.5px;background:#4fe381;}
.smscWrap .nodeGroup03{width:366px;}
.smscWrap .nodeGroup03 > div{padding-top:89px;}
.smscWrap .nodeGroup03 > div > ul{padding:0 30px;border:3px solid #4fe381;border-radius:8px;}
.smscWrap .nodeGroup03 > div > ul > li{position:relative;width:300px;height:92px;margin-top:98px;z-index:10;}
.smscWrap .nodeGroup03 > div > ul > li:first-child{margin-top:-92px;}
.smscWrap .nodeGroup03 > div > ul > li:last-child{height:89px;}
.smscWrap .nodeGroup03 > div > ul > li:before{content:"";display:inline-block;position:absolute;left:-30px;bottom:0;width:30px;height:3px;background:#4fe381;}
.smscWrap .nodeGroup03 > div > ul > li:after{content:"";display:inline-block;position:absolute;right:-30px;bottom:0;width:30px;height:3px;background:#4fe381;}
.smscWrap .nodeGroup03 > div > ul > li:first-child:before, .smscWrap .nodeGroup03 > div > ul > li:first-child:after,
.smscWrap .nodeGroup03 > div > ul > li:last-child:before, .smscWrap .nodeGroup03 > div > ul > li:last-child:after{display:none;}
.smscWrap .nodeGroup03 li > div{position:absolute;left:0;top:0;width:100%;height:180px;box-sizing:border-box;border-radius:3px;overflow:hidden;border:1px solid #4fe381;background:#000;;z-index:11;}
.smscWrap .nodeGroup03 li > div .leftSide{position:relative;float:left;width:129px;height:178px;box-sizing:border-box;border-right:1px solid #4fe381;background:#184528 url("../images/bg_smsc_server.png") no-repeat center 27px;}
.smscWrap .nodeGroup03 li > div .leftSide p{position:absolute;left:0;bottom:0;width:100%;height:57px;box-sizing:border-box;padding-top:7px;background:#0c2214;border-radius:0 0 3px 3px;text-align:center;color:#4fe381;font-size:12px;}
.smscWrap .nodeGroup03 li > div .leftSide p strong{display:block;color:#fff;font-size:13px;margin-bottom:3px;}
.smscWrap .nodeGroup03 li > div .depthList{float:right;width:169px;height:178px;box-sizing:border-box;padding:9px 10px 10px 10px;color:#4fe381;font-size:12px;}
.smscWrap .nodeGroup03 li > div .depthList li{width:50%;float:left;line-height:1.7;}
.smscWrap .nodeGroup03 > div > ul > li.error > div{border-color:#ff0000;}
.smscWrap .nodeGroup03 > div > ul > li.error > div .leftSide{background-color:#640a0a;border-color:#ff0000;}
.smscWrap .nodeGroup03 > div > ul > li.error > div .leftSide p{background:#320505;color:#ff0000;}
.smscWrap .lastTime{position:absolute;left:497px;top:116px;width:272px;height:104px;box-sizing:border-box;text-align:center;padding-top:20px;background:#1a1a1a;border-radius:52px;}
.smscWrap .lastTime span{display:block;font-size:24px;font-weight:bold;color:#4fe381;}
.smscWrap .lastTime strong{display:block;font-weight:normal;color:#fff;font-size:18px;margin-top:3px;}
.smscWrap .realTime{
	position:absolute;left:520px;top:528px;width:227px;height:41px;box-sizing:border-box;padding:4px 0 0 19px;color:#a8a8a8;border-top:1px solid #4d4d4d;
	font-size:0;border-bottom:1px solid #4d4d4d;background:url("../images/bg_smsc_date.png") no-repeat left top, url("../images/bg_smsc_date.png") no-repeat right top;
}
.smscWrap .realTime span{display:inline-block;font-size:12px;margin-right:12px;}
.smscWrap .realTime strong{display:inline-block;padding-left:18px;font-size:20px;font-weight:normal;background:url("../images/ico_smsc_time.png") no-repeat left 9px;}

/* TIBERO 이중화 상태 모니터링 */
.tiberoMonitoring .realTimeArea{text-align:right;}
.tiberoMonitoring .realTimeArea .date{position:relative;display:inline-block;padding-left:10px;margin-right:15px;font-size:13px;color:#c1c1c1;}
.tiberoMonitoring .realTimeArea .date.on:before{content:"";display:inline-block;position:absolute;left:0;bottom:3px;width:13px;height:13px;background:url("../images/ico_time_white.png") no-repeat 0 0;}
.tiberoMonitoring .realTimeArea .time{display:inline-block;font-size:38px;color:#fff;font-weight:bold;}

.tiberoMonitoring .realTimeArea .timer {display:inline-block;position:relative;width:25px;margin-top:-12px;vertical-align:middle;}
.tiberoMonitoring .realTimeArea .timer .txt {position:absolute;width:25px;height:25px;text-align:center;line-height:25px;font-size:10px;color:#fff;}
.tiberoMonitoring .realTimeArea .timer svg {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.tiberoMonitoring .realTimeArea .timer .circle_animation {
  stroke-dasharray: 68; /* this value is the pixel circumference of the circle */
  stroke-dashoffset: 68;
  transition: all 1s linear;
}

.tiberoMonitoring .dbSetArea{position:relative;width:1520px;margin:50px auto 0;text-align:center;}
.tiberoMonitoring .dbSetArea:before{content:"";display:block;position:absolute;left:50%;top:136px;width:228px;height:2px;background:#fff;margin-left:-114px;z-index:10;}
.tiberoMonitoring .dbSetArea:after{content:"";display:block;clear:both;}
.tiberoMonitoring .dbSetArea .tac{position:absolute;left:50%;top:167px;width:170px;margin-left:-83.5px;color:#fff;font-size:20px;font-weight:bold;}
.tiberoMonitoring .dbSetArea .deInfoTit{position:absolute;left:50%;top:470px;width:268px;margin-left:-134px;}
.tiberoMonitoring .dbSetArea .deInfoTit li{height:67px;line-height:67px;margin-bottom:4px;font-weight:bold;color:#fff;font-size:20px;}
.tiberoMonitoring .dbSetArea .leftSide{position:relative;width:653px;float:left;}
.tiberoMonitoring .dbSetArea .rightSide{position:relative;width:653px;float:right;}
.tiberoMonitoring .dbSetArea .dbBox{position:relative;width:323px;height:278px;padding-top:240px;box-sizing:border-box;border:2px solid #343941;background:#10131e url("../images/img_tibero_db.png") no-repeat center 54px;border-radius:3px;color:#c1c1c1;font-size:16px;}
.tiberoMonitoring .dbSetArea .dbBox:before{content:"";display:block;position:absolute;top:130px;width:14px;height:14px;background:#fff;border-radius:7px;}
.tiberoMonitoring .dbSetArea .dbBox strong{position:absolute;left:16px;top:10px;font-size:24px;font-weight:bold;color:#fff;opacity:0.5;}
.tiberoMonitoring .dbSetArea .dbBox.normal{background-color:#0e872a;border:0;}
.tiberoMonitoring .dbSetArea .dbBox.error{background-color:#cc0000;border:0;}
.tiberoMonitoring .dbSetArea .leftSide .dbBox:before{right:5px;}
.tiberoMonitoring .dbSetArea .rightSide .dbBox:before{left:5px;}
.tiberoMonitoring .dbSetArea .leftSide .dbBox{float:right;}
.tiberoMonitoring .dbSetArea .rightSide .dbBox{float:left;}
.tiberoMonitoring .dbSetArea .counting{width:330px;height:278px;box-sizing:border-box;padding:0 20px;}
.tiberoMonitoring .dbSetArea .counting li{width:100%;}
.tiberoMonitoring .dbSetArea .counting li:after{content:"";display:block;clear:both;}
.tiberoMonitoring .dbSetArea .counting li:first-child{margin:90px 0 10px;}
.tiberoMonitoring .dbSetArea .counting strong, .tiberoMonitoring .dbSetArea .counting span{display:inline-block;width:50%;padding:0 10px;color:#fff;box-sizing:border-box;}
.tiberoMonitoring .dbSetArea .counting strong{font-size:16px;opacity:0.5;margin-top:23px;}
.tiberoMonitoring .dbSetArea .counting span{font-size:40px;font-weight:bold;}
.tiberoMonitoring .dbSetArea .leftSide .counting{float:left;text-align:right;}
.tiberoMonitoring .dbSetArea .rightSide .counting{float:right;text-align:left;}
.tiberoMonitoring .dbSetArea .leftSide .counting strong, .tiberoMonitoring .dbSetArea .leftSide .counting span{float:left;}
.tiberoMonitoring .dbSetArea .rightSide .counting strong, .tiberoMonitoring .dbSetArea .rightSide .counting span{float:right;}
.tiberoMonitoring .dbSetArea .dbInfoList{margin-top:120px;width:190px;}
.tiberoMonitoring .dbSetArea .dbInfoList li{height:67px;margin-top:4px;padding-top:5px;border:1px solid #343941;border-radius:2px;background:#10131e;color:#ebebee;font-size:14px;box-sizing:border-box;}
.tiberoMonitoring .dbSetArea .dbInfoList li:first-child{margin-top:0;}
.tiberoMonitoring .dbSetArea .dbInfoList li strong{font-size:20px;font-weight:bold;display:block;margin-bottom:5px;}
.tiberoMonitoring .dbSetArea .dbInfoList li.normal{background-color:#0e872a;}
.tiberoMonitoring .dbSetArea .dbInfoList li.error{background-color:#cc0000;}
.tiberoMonitoring .dbSetArea .leftSide .dbInfoList{float:right;padding-right:60px;}
.tiberoMonitoring .dbSetArea .rightSide .dbInfoList{float:left;padding-left:60px;}
.tiberoMonitoring .dbSetArea .txtSecond{position:absolute;top:295px;width:190px;color:#c1c1c1;font-size:16px;}
.tiberoMonitoring .dbSetArea .leftSide .txtSecond{right:60px;}
.tiberoMonitoring .dbSetArea .rightSide .txtSecond{left:60px;}
.tiberoMonitoring .dbSetArea .ranking{position:absolute;left:50%;top:306px;width:300px;text-align:center;margin-left:-150px;color:#c1c1c1;font-size:16px;}

/* DB 모니터링 */
.tiberoMonitoring .lineSetArea{width:1526px;margin:30px auto 0;}
.tiberoMonitoring .lineSetArea:after{content:"";display:block;clear:both;}
.tiberoMonitoring .lineSetArea .leftSide{float:left;width:946px;}
.tiberoMonitoring .lineSetArea .rightSide{float:right;width:530px;}
.tiberoMonitoring .lineSetArea .lineBox{position:relative;width:100%;box-sizing:border-box;border:1px solid #909090;}
.tiberoMonitoring .lineSetArea .lineBox dt{position:absolute;left:50%;top:-22px;width:190px;margin-left:-95px;background:#000;font-size:30px;font-weight:bold;color:#fff;text-align:center;}
.tiberoMonitoring .lineSetArea .lineBox ul{width:100%;box-sizing:border-box;}
.tiberoMonitoring .lineSetArea .lineBox ul:after{content:"";display:block;clear:both;}
.tiberoMonitoring .lineSetArea .lineBox li{position:relative;width:350px;height:180px;box-sizing:border-box;border:1px solid #343941;border-radius:3px;background:#10131e;}
.tiberoMonitoring .lineSetArea .lineBox li > p{position:absolute;left:0;top:7px;width:100%;padding:0 18px;box-sizing:border-box;}
.tiberoMonitoring .lineSetArea .lineBox li > p strong{float:left;display:inline-block;font-size:20px;font-weight:bold;color:#999a9e;}
.tiberoMonitoring .lineSetArea .lineBox li > p .icoTime{float:right;display:inline-block;margin-top:3px;width:20px;height:20px;background:url("../images/ico_time_status.png") no-repeat left bottom;}
.tiberoMonitoring .lineSetArea .lineBox li .cnt{padding:60px 18px 0 175px;text-align:center;}
.tiberoMonitoring .lineSetArea .lineBox li .cnt .txt{height:42px;line-height:42px;color:#ebebee;font-size:20px;font-weight:bold;}
.tiberoMonitoring .lineSetArea .lineBox li .cnt .time{margin-top:13px;padding-top:10px;box-sizing:border-box;color:#ebebee;font-size:24px;}
.tiberoMonitoring .lineSetArea .lineBox li.error{border:0;background:#cc0000;}
.tiberoMonitoring .lineSetArea .lineBox li.error > p .icoTime{background-position:left top;}
.tiberoMonitoring .lineSetArea .lineBox li.error .cnt .txt{font-weight:normal;font-size:24px;}
.tiberoMonitoring .lineSetArea .lineBox li.error .cnt .txt strong{font-weight:bold;}
.tiberoMonitoring .lineSetArea .lineBox li.error .cnt .txt em{position:relative;display:inline-block;padding-left:11px;font-size:20px;font-weight:bold;margin-left:18px;}
.tiberoMonitoring .lineSetArea .lineBox li.em table{position: absolute; top : 40px; color:#fff; font-size: 16px;}
.tiberoMonitoring .lineSetArea .lineBox li.em table td{height: 42px; padding-left: 10px;}
.tiberoMonitoring .lineSetArea .lineBox li.em table td:first-child{padding-left: 20px;}
.tiberoMonitoring .lineSetArea .lineBox li.em table tr.error td{background:#cc0000;}
.tiberoMonitoring .lineSetArea .lineBox li.error .cnt .txt em:before{content:"";display:block;position:absolute;left:0;top:6px;width:1px;height:25px;background:#ae0000;}
.tiberoMonitoring .lineSetArea .lineBox li.error .cnt .time{border-top:1px solid #7a0000;}
.tiberoMonitoring .lineSetArea .lineBox li:before{content:"";display:block;position:absolute;left:0;bottom:0;width:185px;height:148px;background-repeat:no-repeat;background-position:center center;}
.tiberoMonitoring .lineSetArea .lineBox li.amf:before{background-image:url("../images/img_db_amf.png");}
.tiberoMonitoring .lineSetArea .lineBox li.udm:before{background-image:url("../images/img_db_udm.png");}
.tiberoMonitoring .lineSetArea .lineBox li.smf:before{background-image:url("../images/img_db_smf.png");}
.tiberoMonitoring .lineSetArea .lineBox li.udr:before{background-image:url("../images/img_db_udr.png");}
.tiberoMonitoring .lineSetArea .lineBox li.upf:before{background-image:url("../images/img_db_upf.png");}
/* .tiberoMonitoring .lineSetArea .lineBox li.em:before{background-image:url("../images/img_db_em.png");} */
.tiberoMonitoring .lineSetArea .lineBox li.cscf:before{background-image:url("../images/img_db_cscf.png");}
.tiberoMonitoring .lineSetArea .coreLine ul{padding:54px 0 30px 55px;}
.tiberoMonitoring .lineSetArea .coreLine li{float:left;margin:0 50px 16px 0;}
.tiberoMonitoring .lineSetArea .otherLine li{margin:66px auto 67px;}
.tiberoMonitoring .textZone{width:1526px;margin:20px auto 0;}
.tiberoMonitoring .textZone .infoTxtZone{color:#fff;}