/* pubClass 는 시작 소문자 2017-04-21*/
html, body { height:100%; margin: 0; padding: 0; }
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
td, div { font-family: "굴림", "Arial"; font-size: 9pt; color:#000000; text-align: left; }
header { float: left; height: 60px; width: calc(100% - 0px); }
footer { border: solid 0px green; float: left; width: 100%; height: 58px; }
/**/
.tblNoml { border-collapse: collapse; width: 100%; }
.divContainer { border: solid 0px red; height: calc(100% - 10px); width: calc(100% - 10px); margin: 5px; }
/* Top에 쓰이는
.divTopMenu { float: left; padding: 7px 0 0 0; text-align: center; width: 63px; } .divTopMenu:hover { border: dotted 1px gray; cursor: pointer;}
*/
/* Header에 쓰이는 */
/*.divHeader { height: 32px; width: calc(100% - 2px); background: url(images/main_bar.gif); margin-bottom: 5px; border-left: solid 1px black; border-right: solid 1px black; }
.spnHeadTitle {FONT-FAMILY: "HY울릉도M", "Arial"; position: absolute; margin: 7px 0 0 10px; font-size: large; font-weight: bold; color: #FFF;}
.spnHeadIcon { float: left; width: 20px; margin: 5px 0 0 10px; }
.imgHeadFind { float: right; margin: 6px 5px 0 0; cursor: pointer; BACKGROUND-IMAGE: url("/images/icon_se.gif"); width: 54px; height: 20px;}
.imgHeadFind:hover { BACKGROUND-IMAGE: url("/images/icon_seh.gif"); }
.imgHeadFind:active { border: solid 1px blue; }
.spnFindField { float: right; margin: 6px; padding: 2px 0px 0 0; color: #FFF; cursor: pointer; border: solid 0px yellow;}
.inpFindWord { float: right; margin: 6px 5px 0 0; width: 100px; }
*/
.topTitle { float:left; width: calc(100% - 2px); height: 32px; margin-top: 0px; border: solid 0px red; border-radius: 9px; background: url('/Images/main_bar.gif'); }
.spnTitleIcon { float: left; width: 20px; margin: 5px 0 0 10px; }
.spnTitleStr { FONT-FAMILY: "HY울릉도M", "Arial"; position: absolute; margin: 7px 0 0 10px; font-size: large; font-weight: bold; color: #FFF; cursor: pointer; }
.imgFindIcon { float: right; margin: 6px 5px 0 0; cursor: pointer; BACKGROUND-IMAGE: url("/Images/icon_se.gif"); width: 54px; height: 20px;}
.imgFindIcon:hover { BACKGROUND-IMAGE: url("/Images/icon_seh.gif"); }
.imgFindIcon:active { border: solid 1px blue; }
.spnFindField { float: right; margin: 6px; padding: 2px 0px 0 0; color: #FFF; cursor: pointer; border: solid 0px yellow;}
.inpFindWord { float: right; margin: 6px 5px 0 0; width: 100px; }
/* Tree Menu */
.treeMenu { float:left; width: 252px; height: calc(100% - 98px); margin: 4px; margin-left: 0px; border: solid 0px red; border-top-left-radius: 9px; border-top-right-radius: 9px;}
ul.tabs { float: left; width: 100%; margin: 0 0 0 0px; padding: 0; list-style: none; font-family:"dotum"; font-size:12px; border: solid 0px red; }
ul.tabs li { text-align: center; cursor: pointer; font-weight: bold; background: #faeaea; padding-top: 7px;
float: left; width:82px; height: 19px; position: relative; border: solid 1px #439;
border-top-left-radius: 9px; border-top-right-radius: 9px;
}
ul.tabs li.active { background: #ebfafc; border-bottom: none; }
.tab_container { height: calc(100% - 0px); border: solid 0px red; }
.tab_content { margin: 22px 0 0 0; padding: 0; font-size: 12px; display: none; background-color: #ebfafc;
height: calc(100% - 28px); line-height: 135%; border: solid 1px #439; border-top: none; }
/* List 메뉴에 쓰이는
.divMenu { float:left; width: 252px; height: calc(100% - 99px); border: solid 0px red; line-height: 175%; }
.divCateTree { height: calc(100% - 34px); }
.divCateBtns { height: 30px; display: flex; align-items: center; justify-content: center; }
*/
/* List 에 사용되는 목록 열 제목 행 */
.listView { float: left; border: solid 1px Gray; height: calc(100% - 99px); width: calc(100% - 258px);
margin: 4px 0 0 0; background-color: transparent; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.listNavi { height: 26px; line-height: 26px; background-color: #335533; color: #fafafa;
border-bottom: solid 1px gray; padding: 0px 17px 0px 10px; border-top-left-radius: 9px; border-top-right-radius: 9px;}
.listNavi #ancestorStr { min-width: 70px; height: 20px; position: relative; float: left; FONT-FAMILY: "HY엽서M", "Arial"; font-size: small; color: #ddddff; }
.listNavi #thisStr { position: relative; float: left; FONT-FAMILY: "HY울릉도M", "Arial"; font-size: medium; margin: 3px 0 0 5px; height: 20px; padding: -3px 0 2px 0; max-width: calc(100% - 190px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.listNavi #thisNum { min-width: 60px; height: 20px; position: relative; float: left; FONT-FAMILY: "HY엽서M", "Arial"; font-size:small; color: Gray; margin-left: 5px;}
.listNavi #deSenInc { float: right; padding: 2px 0 0px 0; margin: 0px 10px 0 0px; } /*하위포함 Checkbox*/
.listNavi #chkDesce { position:relative; top: 2px; }
.listNavi #viewForm { position:page; top: 3px; } /*보기방식 Radio*/
.listNavi #viewMode { float: right; margin-top: 2px; } /*보기방식 Select*/
/* List의 Head에 해당하는 Table의 행 등 */
.listHead { height: 28px; border: solid 0px green; background-image: url(/images/BG_Tb28.gif); }
.tblListHD { width:100%; border-collapse: collapse; }
.tblListHD th { height: 26px; BORDER-right: #999 1px solid; BORDER-left: #fff 1px solid; PADDING-top: 2px; white-space: nowrap; text-align: center;}
.tblListHD th:hover { background-image: url("/images/TR_on.jpg"); }
/* List의 Header에 해당하는 Div 2018-10-29 */
.divListHead { border: solid 0px red; height: 22px; }
/* List의 Body에 해당하는 Table의 행 등 */
.listBody { border: solid 0px blue; height: calc(100% - 56px); background-color: #fcfafb;
overflow: auto; overflow-y: scroll; overflow-x: hidden;
scrollbar-face-color: #dacaba; scrollbar-highlight-color: dedadc; scrollbar-shadow-color: dedadc;
scrollbar-3dlight-color: #778899; scrollbar-arrow-color: 998877; scrollbar-track-color: ffeaaa; scrollbar-darkshadow-color: 778899;
}
.tblListBD { width: calc(100% - 2px); height: 100%; border-collapse: collapse; margin: -2px 0px 0px 1px; }
.tblListBD .rowNum { background-color: honeydew; font-style: oblique; color: purple; }
.spnDilimit { color: gray; font-size: 16pt; margin: 7px; }
/* Page Navi style="width: 400px; padding-top: 10px; text-align: center;" */
#pageNavi { /* FONT-FAMILY: 굴림; FONT-SIZE: 9pt; background-color: green; */ }
#pgTbl { padding: 0px 0px 0px 0px; border-spacing: 0px; border: solid 0px blue; border-collapse: collapse; }
#pgTbl > td { white-space: nowrap; }
#pgN { FONT-SIZE: 10pt; letter-spacing: 2px; } #pgN a:hover { color:blue; font-size: large; text-decoration: underline; cursor: pointer; }
#pgC { FONT-SIZE: 16pt; color: Red; padding: 0px 5px 0 5px; }
#pgL { padding: 4px 5px 0 5px; white-space: nowrap; text-align: right; } #pgL img:hover { border: solid 1px blue; cursor: pointer; }
#pgR { padding: 4px 5px 0 5px; white-space: nowrap; text-align: left; } #pgR img:hover { border: solid 1px blue; cursor: pointer; }
#totalCnt, #totalPgs { font-weight: bold; }
/* Footer Fieldset */
.fdsFooter { border: dashed 1px gray; color: Gray; width: calc(100% - 20px); height: 40px; padding: -10px 0 0 0; margin: 0 0 0 0; }
.footMbox { float: left; margin: -8px 0 0 -8px; height: 100%; display: flex; flex-direction: column; justify-content: center; border: solid 0px red; }
.footNavi { float: right; margin: -8px auto 0 auto; height: 100%; display: flex; align-items: center; justify-content: center; border: solid 1px red; }
.footBtns { float: right; margin: -8px -8px 0 0; height: 100%; display: flex; align-items: center; justify-content: flex-end; border: solid 0px red }
.spnVisitCnt { color: gray; } .spnVisitCnt:hover { color: blue; cursor: pointer;}
/*인쇄용*/
.listViewPr { border: solid 1px red; height: 100%; width: calc(100% - 118px);
margin: auto; border-top-left-radius: 9px; border-top-right-radius: 9px; }
.printBody { border: solid 1px black; height: calc(100% - 20px); width: calc(100% - 18px);}
/* 모든목록에서 onMouseOver 및 onMouseOut */
.tr0 { height: 26px; }
.tr0:hover { background-color: #ffaaff; cursor: pointer; }
.tr1 { /* 목록 */ background-color: transparent; } /* 요거 업무일지의 일일목록에 쓰임 */
.tr1:hover { /* 목록 */ background-color: #FaF3Fb; cursor: pointer; }
.L0 { Border-top: #ffffff 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT : #ffffff 1px solid;
PADDING: 2px 0 0 3px;
FONT-SIZE: 9pt; LINE-HEIGHT: 85%;
}
.L0r { Border-top: #ffffff 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT : #ffffff 1px solid;
PADDING: 2px 3px 0 3px;
FONT-SIZE: 9pt; LINE-HEIGHT: 85%;
TEXT-ALIGN: right;
}
.L0c { BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
Border-top : #ffffff 1px solid; BORDER-LEFT : #ffffff 1px solid;
PADDING: 2px 3px 0 3px;
FONT-SIZE: 9pt; LINE-HEIGHT: 85%;
TEXT-ALIGN: center;
}
.titGap { float: left; width: 5px; height: calc(100% + 0px); border: none; }
.titGap:hover { cursor:col-resize; background-color: gold; }
.titG0 { float: left; width: 4px; }
.L2 { float: left; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; Border-top: #fff 1px solid; BORDER-LEFT: #fff 1px solid; FONT-SIZE: 9pt; LINE-HEIGHT: 95%; display: flex; align-items: center; justify-content: flex-start; height: calc(100% - 2px); overflow: hidden; }
.L2Row { cursor: pointer; padding: 0px; } .L2Row:hover { background-color: #ffddff; }
.L2tn { float: left; height: calc(100% + 2px); border-radius: 5px; BORDER-left: #fff 1px solid; BORDER-Right: #999 1px solid; Border-top: #fff 1px solid; BORDER-BOTTOM: #999 1px solid; FONT-SIZE: 9pt; font-weight: bold; LINE-HEIGHT: 85%; display: flex; align-items: center; justify-content: center; }
.L2ts { float: left; height: calc(100% + 2px); border-radius: 5px; BORDER-left: #fff 1px solid; BORDER-Right: #999 1px solid; Border-top: #fff 1px solid; BORDER-BOTTOM: #999 1px solid; FONT-SIZE: 9pt; font-weight: bold; LINE-HEIGHT: 85%; display: flex; align-items: center; justify-content: center; color: blue;}
.L2ts:hover { cursor: pointer; text-decoration: underline; }
.L2tl { float: left; height: calc(100% - 1px); BORDER-LEFT: #999 1px solid; BORDER-Bottom: #999 1px solid; } /*가장 왼쪽에 넣어 막을 때*/
.L2c { float: left; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; Border-top: #fff 1px solid; BORDER-LEFT: #fff 1px solid; FONT-SIZE: 9pt; LINE-HEIGHT: 95%; display: flex; align-items: center; justify-content: center; height: calc(100% - 2px); }
.L2r { float: left; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; Border-top: #fff 1px solid; BORDER-LEFT: #fff 1px solid; FONT-SIZE: 9pt; LINE-HEIGHT: 95%; display: flex; align-items: center; justify-content: flex-end; height: calc(100% - 2px); }
.L2endRow { float: left; display: flex; align-items:flex-start; justify-content: center;
width: calc(100% - 3px); min-height: 30px; border-right: solid 1px gray; color: gray; /*transparent; */ }
.rowName { font-weight: bold; }
.rowNumb { width: 26px; background-color: honeydew; font-style: oblique; color: purple; justify-content: center; }
.divSymbol /* 업무일지 대표사진 등 */ { width: 55px; height: 40px; border: solid 0px gray; border-radius: 5px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.divSymbol:hover { border: solid 1px blue; }
.divNowrapEllipsis { float: left; border: solid 0px red; padding-top: 2px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%;}
.divRank { color: gray; font-size: 6pt; width: 100%; height: 3px; text-align: center; } /* 사건목록의 중간 */
/* .divRow { display: flex; align-items: center; justify-content: flex-start; }
style='float: left; border: solid 1px red; width: calc(100% - 10px);'*/
/* 2018-06-25
.L1 { Border-top: #ffffff 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-LEFT : #ffffff 1px solid;
PADDING: 0px 3px 0 3px; FONT-SIZE: 9pt; LINE-HEIGHT: 95%;
float: left; height: calc(100% - 1px);
display: flex; align-items: center;
}
*/
.tdDotLin { background-image: url("/images/dot_line.gif"); }
.inpText { padding: 3px 1px 0px 2px; width: calc(100% - 3px); font-family: "굴림", "Arial"; font-size: 9pt; }
.inpNumb { TEXT-ALIGN: right; BACKGROUND-COLOR: White; BORDER: #444444 1px solid; padding: 3px 1px 0px 2px; width: 100%; font-family: "굴림", "Arial"; font-size: 9pt; }
.inpFindText { float: right; width: 137px; margin: 6px 5px 3px 0; /*Header의 찾는글귀*/ }
.spnFindFlds { float: right; color: #FFF; margin: 5px 5px 0 0 ;}
.imgTipiCon { width: 20px; height: 16px; margin-right: 3px; } /*자원의 대표사진 등 .Img대표사진 { } */
.imgBicIcon { width: 40px; height: 36px; vertical-align: -6px; border-radius: 6px; }
.imgIcon { width: 20px; height: 18px; vertical-align: -3px; border-radius: 3px; }
.imgPict { width: calc(100% - 2px); height: calc(100% - 2px); }
.imgPict:hover { border: solid 1px blue; }
.imgArVf { float: right; transform: rotate(270deg); } /* 이미지 오른쪽정렬 + 270도 회전 */
.imgAl { float: left; }
.stickerIcon { margin: 0 2px 0 0; width: 44px; text-align: center; }
.stickerInfo { width: calc(100% - 40px); }
.stickerLinT, .stickerLinM, .stickerLinB { max-width: calc(100% - 1px); min-width: calc(100% - 20px); padding-top: 2px; }
.stickerLinT { margin: 2px 0 0px 0; }
.stickerLinM { margin: -2px 0 -2px 0; }
.stickerLinB { }
/* 업무일지 보기 붙임파일(공통) */
.divAttaFile { float: left; margin: 1px 5px 0 0; cursor: pointer; width: calc(100% - 10px); }
.divAttaFile:hover { background-color: blanchedalmond; border-bottom: solid 1px blue; }
.divAttaFile > .divAttaIcon { float: left; width: 25px; height: 16px; border: solid 0px red; margin-top: 2px;}
.divAttaFile > .divAttaChek { display: none; float: right; width: 16px; background-color: #f3f4f5; border: solid 0px red; }
.divAttaName { float: left; width: calc(100% - 85px);
text-overflow:ellipsis; white-space: nowrap;
overflow:hidden; height: 100%; padding-top: 3px; border: solid 0px red;}
.divAttaName:hover { color: blue;}
.divAttaSize { float: left; width: 40px; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; text-align: right; height: 100%; padding-top: 3px; font-size:smaller; border: solid 0px red;}
/* 카테고리 입력 상자 */
.divGetTreeBox { border: double 3px gray; height: 20px; cursor: pointer; background-repeat:no-repeat; background-position: calc(100% - 4px) center;}
.divGetTreeBox>:nth-child(1) { float: left; max-width: 18px; }
.divGetTreeBox>:nth-child(2) { float: left; max-width: calc(100% - 38px); padding: 4px 0 0 3px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.divGetTreeBox:hover { background-image: url(/images/x1.png); }
/* 업무계획 입력 상자 */
.divGetProjBox { border: double 3px gray; height: 20px; cursor: pointer; background-repeat:no-repeat; background-position: calc(100% - 4px) center;}
.divGetProjBox>:nth-child(1) { float: left; width: calc(100% - 80px); font-weight: bold; color: navy; padding: 4px 0 0 3px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.divGetProjBox>:nth-child(2) { float: left; width: 58px; color: gray; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.divGetProjBox:hover { background-image: url(/images/x1.png); }
/*
.divGetTreeBox>:nth-child(3) { float: right; width: 18px; height: 100%; display: flex; align-items: center; justify-content: center; }
.divGetTreeBox>:nth-child(3)>image { display: none; }*/
/* vertical-align: top; cursor: pointer; display: flex; align-items: center; justify-content: center;*/
/* background-image: url(/Default_appz/images/sdn.gif); background-repeat:no-repeat; background-position: center right; white-space: nowrap; */
.divSetTreeBox { border: double 3px gray; height: 22px; vertical-align: top; cursor: pointer; display: flex; align-items: center; /*justify-content: center;*/
white-space: nowrap; }
/* 붙임파일(간단히) */
.divAttaFileSimL { float: left; display: block; width: 300px; height: 28px; cursor: pointer; margin: 0 10px 0px 0px; } .divAttaFileSimL:hover { background-color: #aaffff; }
.divAttaFileSimL > .rowNumb { width: 28px; background-color: antiquewhite; color:indigo; }
.divAttaFileSimL .fileIco { width: 32px; height: 26px; margin: 0 3px 0 3px; border: solid 0px red; border-radius: 5px; background-size: cover; background-repeat: no-repeat; }
.divAttaFileSimL .fileIrm { width: calc(100% - 35px); padding: 2px; }
.divAttaFileSimL > .fileNam { width: calc(100% - 112px); }
.divAttaFileSimL > .fileExt { width: 25px; }
.divAttaFileSimL > .fileSiz { width: 50px; }
.divAttaFileSimL > .picSize { display: none; }
.divAttaFileSimL > .regDate { display: none; }
.divAttaFileDetL { border: solid 0px blue; height: 28px; cursor: pointer; } .divAttaFileDetL:hover { background-color: #ffaaff; }
.divAttaFileDetL > .rowNumb { background-color: antiquewhite; color:indigo; }
.divAttaFileDetL .fileIco { width: 32px; height: 26px; margin: 0 3px 0 3px; border: solid 0px red; border-radius: 5px; background-size: cover; background-repeat: no-repeat; }
.divAttaFileDetL .fileIrm { width: calc(100% - 35px); padding: 2px; border: solid 0px red; }
.divAttaFileDetL > .fileNam { }
.divAttaFileDetL > .fileExt { }
.divAttaFileDetL > .fileSiz { }
.divAttaFileDetL > .regDate { }
.divAttaFileDetL > .picSize { }
/* 붙임파일(큰아이콘) */
.divAttaFileIcnB { float: left; width: 200px; height: 180px; border: dashed 1px gray; margin: 3px; border-radius: 5px; }
.divAttaFileIcnB:hover { background-color: #ffaaff; border-color: #FAF; cursor: pointer; }
.divAttaFileIcnB > .rowNumb { display: none; }
.divAttaFileIcnB .fileIco { width: calc(100% - 0px); height: calc(100% - 1px); border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.divAttaFileIcnB .fileIrm { border: solid 0px gray; width: calc(100% - 50px); padding-top: 5px; text-align: right; }
.divAttaFileIcnB > .fileNam { display: block; border: solid 0px red; width: calc(100% - 0px); height: calc(100% - 38px); }
.divAttaFileIcnB > .fileExt { border: none; width: 45px; height:16px; float: right; }
.divAttaFileIcnB > .fileSiz { border: none; height: 20px; margin-top: 18px; }
.divAttaFileIcnB > .regDate { border: none; height: 20px; margin: 18px 0 0 5px; }
.divAttaFileIcnB > .picSize { border: none; float: right; height: 20px; margin: 0px 0 0 5px; }
/* 붙임파일(보통아이콘) */
.divAttaFileIcnN { float: left; width: 115px; height: 99px; border: dashed 1px gray; margin: 4px; border-radius: 4px; }
.divAttaFileIcnN:hover { background-color: #ffaaff; border-color: #FAF; cursor: pointer; }
.divAttaFileIcnN > .rowNumb { display: none; }
.divAttaFileIcnN .fileIco { width: calc(100% - 0px); height: calc(100% - 1px); border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.divAttaFileIcnN .fileIrm { border: solid 0px gray; width: calc(100% - 0px); padding-top: 5px; text-align: center; }
.divAttaFileIcnN > .fileNam { display: block; border: none; width: calc(100% - 0px); height: calc(100% - 18px); }
.divAttaFileIcnN > .fileExt { display: none; }
.divAttaFileIcnN > .fileSiz { display: none; }
.divAttaFileIcnN > .regDate { display: none; }
.divAttaFileIcnN > .picSize { display: none; }
/* 붙임파일(작은아이콘) */
.divAttaFileIcnS { float: left; width: 65px; height: 60px; border: dashed 1px gray; margin: 4px; border-radius: 4px; }
.divAttaFileIcnS:hover { background-color: #ffffaa; border-color: #FAF; cursor: pointer; }
.divAttaFileIcnS > .rowNumb { display: none; }
.divAttaFileIcnS .fileIco { width: calc(100% - 0px); height: calc(100% - 1px); border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.divAttaFileIcnS .fileIrm { border: solid 0px gray; width: calc(100% - 0px); padding-top: 3px; text-align: center; }
.divAttaFileIcnS > .fileNam { display: block; border: none; width: calc(100% - 0px); height: calc(100% - 15px); }
.divAttaFileIcnS > .fileExt { display: none; }
.divAttaFileIcnS > .fileSiz { display: none;}
.divAttaFileIcnS > .picSize { display: none;}
.divAttaFileIcnS > .regDate { display: none; }
/*앨범에서 삽입 이미지 관련*/
.TtRaImg { border: solid 1px gray; float: right; margin: 20px 0 0 5px; }
.ImgR01 { border: solid 0px red; float: right; }
.ImgL01 { border: solid 0px red; float: left; }
.divCont { /* 설명 등 HTML 표현 */ z-index:1; position: relative; width: calc(100% - 2px); height: 100%;
overflow: auto; border: solid 0px gray; border-radius:3px; padding: 0px 0 0 0; }
.divScrollY { /* Y축에만 스크롤 */ overflow: auto; overflow-y: auto; overflow-x: hidden;
scrollbar-face-color: eeeaec; scrollbar-highlight-color: dedadc; scrollbar-shadow-color: dedadc;
scrollbar-3dlight-color: 778899; scrollbar-arrow-color: 998877; scrollbar-track-color: eaaabb; scrollbar-darkshadow-color: 778899;
}
.divScrollX { /* X축에만 스크롤 */ overflow: auto; overflow-y: hidden; overflow-x: auto;
scrollbar-face-color: eeeaec; scrollbar-highlight-color: dedadc; scrollbar-shadow-color: dedadc;
scrollbar-3dlight-color: 778899; scrollbar-arrow-color: 998877; scrollbar-track-color: eaaabb; scrollbar-darkshadow-color: 778899;
}
.divImgUp { float: right; height:11px; margin-right:8px; }
.divImgUp:hover { background-color: blue; cursor: pointer; }
.divImgDn { float: right; height:11px; margin-right:2px; }
.divImgDn:hover { background-color: yellow; cursor: pointer; }
.btnNoml { BORDER: #979797 1px solid; HEIGHT: 24px; /*BACKGROUND-IMAGE: url(/images/btn_C.gif);*/
COLOR: #383838; PADDING: 2px 0px 0px 0px; FONT-FAMILY: tahoma, 굴림; FONT-SIZE: 9pt; }
.btnNoml:hover { font-weight: bold; COLOR: #185868; PADDING: 3px 0px 1px 0px; }
.btnIcon { margin: 0 0 0 3px; height: 24px; width: 74px; text-align: right; cursor: pointer;
background-color: #ddd; background-image: url('/Design_Bank/Folder_Icons/icon_Print.png');
background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnPass { width: 75px; font-size: 8pt; border-radius: 5px; border: solid 1px gray; font-weight: bold; text-align: right; height: 22px;
background-image: url(/Images/IconPw.png); background-position: left; background-size: 20px 20px; background-repeat: no-repeat;}
.btnPass:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue;}
.btnCate { background-color: burlywood; padding: 1px 3px 1px 3px; margin: 0 3px 0 3px; FONT-FAMILY: tahoma, 굴림; FONT-SIZE: 9pt; } /* Node 조작(Add, Edit, Del) */
.btnCate:hover { color: Blue; cursor: pointer; padding: 2px 2px 0 4px; }
.btnPrint { margin: 0 10px 0 3px; height: 24px; width: 58px; text-align: right; cursor: pointer;
background-color: #ddd; background-image: url('/Design_Bank/Folder_Icons/icon_Print.png');
background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnPrint:hover { color: blue; font-weight: bold; }
.btnConfm { margin: 0 0 0 3px; height: 24px; width: 60px; text-align: right; cursor: pointer;
background-color: #DEC;
background-image: url(/Design_Bank/Folder_Icons/cfm.png);
background-position: left;
background-repeat: no-repeat;
background-size: 18px 18px;
border: solid 1px gray; border-radius: 5px;
}
.btnConfm:hover { color: red; font-weight: bold; }
.btnReturn { margin: 0 0 0 3px; height: 24px; width: 73px; text-align: right; cursor: pointer;
background-color: #CAC8EE; background-image: url(/Design_Bank/Folder_Icons/Apps_A/019.gif); background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnReturn:hover { color: red; font-weight: bold; }
.btnClose { margin: 0 0 0 3px; height: 24px; width: 73px; text-align: right; cursor: pointer;
background-color: #ddd; background-image: url(/Design_Bank/Folder_Icons/icon_Close.png); background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnClose:hover { color: blue; font-weight: bold; }
.btnSave { margin: 0 0 0 3px; height: 24px; width: 60px; text-align: right; cursor: pointer;
background-color: #ddd; background-image: url(/Design_Bank/Folder_Icons/icon_Save.png); background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnSave:hover { color: blue; font-weight: bold; }
.btnFind { float: left; margin: 5px 0px 0px 10px; width: calc(100% - 30px); height: 30px; }
.btnFind:hover { color: blue; cursor: pointer; }
.btnRefresh { margin: 0 0 0 3px; height: 24px; width: 85px; text-align: right; cursor: pointer;
background-color: #ddd; background-image: url(/Design_Bank/Folder_Icons/Icon_rF.png); background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnRefresh:hover { color: blue; font-weight: bold; }
.btnEdit { width: 70px; font-size: 8pt; border-radius: 5px; border: solid 1px gray; font-weight: bold; text-align: right;
background-image: url(/Images/IconEdit.png); background-position: left; background-repeat: no-repeat;}
.btnEdit:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue;}
.btnDel { width: 70px; font-size: 8pt; border-radius: 5px; border: solid 1px gray; font-weight: bold; text-align: right;
background-image: url(/Images/IconDel.png); background-position: left; background-repeat: no-repeat;}
.btnDel:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue;}
.btnAdd { width: 70px; font-size: 8pt; border-radius: 5px; border: solid 1px gray; font-weight: bold; text-align: right;
background-image: url(/Images/IconAdd.png);
background-position: left; background-repeat: no-repeat;}
.btnAdd:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue;}
.btnDown { margin: 0 0 0 3px; height: 24px; width: 80px; text-align: right; cursor: pointer; letter-spacing: -1px;
background-color: #ddd;
background-image: url('/Design_Bank/Folder_Icons/Apps_C/DownFile.png');
background-size: 20px 20px;
background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnDown:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue;}
.btnAddr { width: 75px; font-size: 8pt; border-radius: 5px; border: solid 1px gray; font-weight: bold; text-align: right; height: 22px;
background-image: url(/Images/IconAddr.png); background-position: left; background-size: 20px 20px; background-repeat: no-repeat;}
.btnAddr:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue;}
.btnPrev { margin: 0 0 0 3px; height: 24px; width: 80px; text-align: right; cursor: pointer; letter-spacing: -1px;
background-color: #ddd;
background-image: url('/Design_Bank/Folder_Icons/IconPreV.png');
background-size: 20px 20px;
background-position: left; background-repeat: no-repeat;
border: solid 1px gray; border-radius: 5px; }
.btnPrev:hover { color: blue; cursor: pointer; margin: 1px 0 0 1px; border-color: blue; font-weight: bold;}
.btnReplyN { width: 70px; font-size: 9pt; height: 20px; padding: 0 3px 0 0px;
border-radius: 5px; border: solid 1px gray; font-weight: bold; text-align: right;
background-image: url(/Design_Bank/Folder_Icons/Icon_Reply.png);
background-position: left; background-repeat: no-repeat; }
/* 라디오버튼 position: relative; top: -2px; left: -2px; */
.lblRadio { border: solid 0px red; cursor: pointer; height: 30px; }
.lblRadio input { vertical-align: -2px;}
.spnRadioSel { height: 18px; padding: 2px 0 0 0; margin-left: 3px; border: double 3px gray; background-color: #fafbfc; }
#Q_Set { display: none; border: solid #bbbbbb 1px; width: 250px; height: 100px; padding: 0px; background-color: yellow; margin-top: -50px; }
/* 2017-04-21 요기까지*/
.th1 { background-color: yellow; }
.th2 { font-size: 8pt; }
.tdTnm { PADDING: 0px 3px 0px 0px; text-align: right; letter-spacing: 0pt; color: Gray; height: 25px;} /*일련번호 등*/
.tdTit { text-align: right; cursor: pointer; vertical-align: top; padding-top: 3px; color: gray; } .tdTit:hover { color: Blue; font-weight: bold;} /*항목 등*/
.tdInp { color: gray; } /* 입력창이 있는 칸 등 */
.tdEndRow { BORDER-RIGHT: #999999 1px solid; text-align: center; height: 99%; color: transparent; }
.tdNumber { text-align: right; padding-right: 5PX; }
.TD_NC { border: solid 1px #233515; padding: 4px 3px 0px 0px; }
.TD_NC:hover { border: solid 1px #233515; padding: 4px 3px 0px 0px; cursor: pointer; font-weight: bold; color: Blue; }
.TD_BN { border: none; padding: 4px 3px 0px 0px; } /* 테이블에서 보통(Normal)의 경우 */
.TD_BA { border: none; padding: 4px 3px 0px 0px; font-weight: bold; } /* 테이블에서 볼드로 강조할 경우 */
.TD_BA:hover { padding: 4px 3px 0px 0px; cursor: pointer; font-weight: bold; color: Blue; }
.TD_sFont { /* 테이블에서 작은글씨의 경우 */ font-size: 6pt; line-height: 100%; }
.TDr0 { padding-right: 5px; }
/*테이블 형태의 Div
.divRow { display: flex; align-items: center; justify-content: flex-start; }
*/
.SubCont { border: solid 0px red; width: 250px; margin: 0px 0px 0px 0px; text-align: center; }
.SubDiv1 { border: solid 0px blue; width: 100%; height: 100%; margin: 0px 0px 0px 0px; }
.DebugDiv { display: none; border: deshed 1px blue; width: 100%; background-color: #f0f0f0; }
.DebugTxA { border: solid #bbbbbb 1px; width: 100%; height: 100px; padding: 0px; background-color: transparent; display: none; overflow: hidden; }
.LoadingImg { display:block; position: absolute; top: calc(50% - 30px); left: calc(50% - 1px); }
.loadingTree { width: 100%; height: 100px; border: solid 0px blue;
background-image: url('/images/loading_3.gif');
background-repeat: no-repeat;
background-size: contain;
}
/* 체크박스 */
.ChkDefPos { position: relative; top: 2px; margin: 0 0 -1px 0; color: gray; }
/* 종류 등 Span에 사용 onMouse에 클릭을 유도할 수 있도록 */
.iptS { border: solid 1px #233515; padding: 3px 3px 2px 0px; background-color: #ffffff; /* height: 100px; */}
.iptS:hover { padding: 3px 3px 2px 0px; cursor: pointer; font-weight: bold; color: Blue; }
.iptM { font-size: larger; border: solid 1px #153315; padding: 4px 3px 0px 0px; border-radius:5px; height: 50px; background-color: Aqua;}
.iptM:hover { border: solid 1px #153315; padding: 4px 3px 0px 0px; border-radius:5px; cursor: pointer; font-weight: bold; color: Blue; }
.ImgLst_Div { /* 이미지 목록이 들어각 Table의 TD 속성 */
z-index:1; position:relative; width: 100%; height: 100%;
border: solid 1px gray; border-radius:5px;
overflow: auto; overflow-y: scroll; overflow-x: hidden;
scrollbar-face-color: eeeaec; scrollbar-highlight-color: dedadc; scrollbar-shadow-color: dedadc;
scrollbar-3dlight-color: 778899; scrollbar-arrow-color: 998877; scrollbar-track-color: eaaabb;
scrollbar-darkshadow-color: 778899;
}
.ImgLst_Div:after{ /* 이미지 목록이 들어각 Table의 TD 속성 */
z-index:-1; position:absolute; width: 100%; height: 100%;
top:0; left:0; content:"";
background-image: url('/Design_bank/folder_icons/aFdr_0.gif') ;
background-repeat: no-repeat;
background-position: center;
background-origin:content-box;
background-size: contain;
opacity: 0.3!important; filter:alpha(opacity=10);
}
.LoadingCicle { vertical-align: middle; border: solid 0px red; display: block; margin-left: auto; margin-right: auto; margin-top: 100px;}
.legCmd { color: gray; } .legCmd:hover{ cursor: pointer; color: blue; background-color:#EFE; }
.SpanBold { font-weight: bold; }
.SpanBtn { border: solid 1px #112233; font-size: 9pt; padding: 4px 3px 0px 3px; border-radius: 3px; cursor: pointer; }
.SpanBtn:hover { border: solid 1px #332211; font-size: 9pt; padding: 5px 2px 0px 4px; border-radius: 0px; color: Blue;}
.spnTextBlue { color: blue; }
/* 자원의 부속품 radios */
.SpanRA /*시설*/ { Color: #FaEaE9; font-size: larger; border: solid 1px #153315; padding: 2px 3px 1px 3px; border-radius:5px; background-color: #6A5334; white-space: nowrap;}
.SpanRA:hover { cursor: pointer; font-weight: bold; color: Blue; }
.SpanRB /*물품*/ { Color: #FaEaE9; font-size: larger; border: solid 1px #153315; padding: 2px 3px 1px 3px; border-radius:5px; background-color: #346A53; white-space: nowrap;}
.SpanRB:hover { cursor: pointer; font-weight: bold; color: Blue; }
.SpanRC /*기타*/ { Color: #FaEaE9; font-size: larger; border: solid 1px #153315; padding: 2px 3px 1px 3px; border-radius:5px; background-color: #53346A; white-space: nowrap;}
.SpanRC:hover { cursor: pointer; font-weight: bold; color: Blue; }
/* 분류 또는 조직에서 상위탐색 등 */
.spnNode { margin: 0px 5px 0 5px; padding: 3px; }
.spnNode:hover { border:solid 1px gray; background-color: yellow; cursor: pointer; }
/*시간목록 등 */
.준비시간 { background-color: InfoBackground; color: Aqua; font-size: small; }
.일과시간 { background-color: #F1F2F3; color: #334455; font-size: medium; }
.여가시간 { background-color: #FAF2F3; color: #553344; font-size: small; }
/* */
.lblFtitle { float: left; margin: 5px 13px 0px 10px; border: solid 0px red; color: gray; width: calc(100% - 32px); }
.lblFtitle input { width: calc(100% - 57px); margin: 0 0 0 5px; }
/* Get_CateTree 분류 등 Categori 등 =================
.DivCcont { height: calc(100% - 2px); margin: 2px 0 0 0; overflow:hidden; text-overflow:ellipsis;
padding: 0px 0 0 2px; background-color: Transparent; }
.DivCcont:hover { color: Blue; }
*/
/* 카테고리 입력 상자 */
.DivGetTreeBox { border: double 3px gray; height: 22px; vertical-align: top; cursor: pointer; display: flex; align-items: center; /*justify-content: center;*/ }
/*
#GetCateTreeBox { border: double 3px gray; height: 22px; vertical-align: top; cursor: pointer; display: flex; align-items: center; }
#GetCateTreeArc { float: right; width: 20px; border: solid 0px purple; height: 20px; background-image: url(/Default_appz/images/sdn.gif); background-repeat:no-repeat; background-position: center right; }
#GetCateTreeChk { float: right; border: solid 0px red; width: 45px; line-height: 90%; font-size: 8pt; padding: 1px 0 0 2px;}
*/
.GetCateTreeTxt { overflow:hidden; text-overflow:ellipsis; padding: 0px 0 0 2px; border: solid 0px blue; }
.GetCateTreeTxt:hover { color: Blue; }
/* 업무일지의 달력======================== */
.CalTbl { margin: auto; border: 1px solid #ccc; width: 100%; height: 100%; }
.CalTbl thead tr { height: 27px; padding-top: 2px; background-color: #ddb; }
.CalTbl tr { height: 27px;}
.CalTbl td { font-size: 12pt; width: 14.29%; text-align: center; vertical-align: middle; cursor: pointer; }
.CalTbl > tbody td:hover { background-color: #CCE; font-weight: bold; }
.CalDSun { color: Red; } .CalDSat { color: Blue; } .CalDUnd { color: Gray; } /* 해당 월이 아닌 경우 */
/* 쌔 업무일지의 달력======================== */
.tblCal { width: 100%; height: 100%; border-collapse: collapse; }
.tblCal td { font-size: 9pt; width: 14.29%; vertical-align: top; cursor: pointer; BORDER: #999999 1px solid; Border-top : #ffffff 1px solid; BORDER-LEFT : #ffffff 1px solid;}
.tblCal td:hover { background-color: #CCE; font-weight: bold; }
.calDSun { color: Red; background-color: PapayaWhip; } .calDSat { color: Blue; background-color: azure; } .calDUnd { color: Gray; } /* 해당 월이 아닌 경우 */
.calAnHo { margin-left: 5px; }
/* 한수가 만든 모달창 2018-05-07 */
#modal-Background { position: absolute; background-color: rgba(255, 255, 255, 0.5); width: 100%; height: 100%; left: 0px; top: 0px; z-index: 3200;}
#modal-Container { position: absolute; background-color: #fff; border: groove 4px gray; display: block; border-radius: 9px; overflow: hidden; }
#modal-Head { display: flex; align-items: center; justify-content: left; height: 26px; font-weight: bold; color:#efe; background-color:#454; padding: 0 0 0 5px;
border-top-left-radius: 5px; border-top-right-radius: 5px;}
#modal-Head:hover { background-color: aquamarine; color: midnightblue;}
#modal-Body { height: calc(100% - 39px); width: 100%; overflow: hidden; }
#modal-Body-iFrm { display: block; width: 100%; height: 100%; border: solid 0px red; }
#modal-Foot { height: 14px; width: 100%; background-color: #eee; color: gray; margin-top: 0px;}
#modal-Foot:hover { background-color: aquamarine; color: midnightblue; }
#modal-Foot-ImgSW { float: left; width: 12px; height:12px; background-image: url(/images/LeBuRe.png); }
#modal-Foot-msgCN { float: left; width: calc(100% - 26px); height:12px; border: solid 0px blue; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#modal-Foot-ImgSE { float: right; transform: rotate(270deg); width: 12px; height:12px; background-image: url(/images/LeBuRe.png); }
/*sw-resize*/
#modal-Close-Img { background:url(/images/x.png) no-repeat; width:25px; height:20px; display:inline; z-index:3200; position:absolute; top: 3px; right: 3px; cursor:pointer; border: solid 0px red; border-top-right-radius: 4px; }
/*요 아래꺼는 2018-05 이전꺼 */
/* Modal CSS */ #basic-modal-content { display:none; }
/* Overlay */ #simplemodal-overlay {background-color:#000;}
/* Container */ #simplemodal-container { border-radius: 10px; color:#bbb; background-color:#FFF; border: 4px solid #555; padding: 0px;}
#TD-modal-Title { display: flex; align-items: center; justify-content: left; height: 26px; font-weight: bold; color:#efe;
background-color: #454; padding: 0 0 0 5px;
border-top-left-radius: 8px; border-top-right-radius: 8px;
} #TD-modal-Title:hover { background-color: aquamarine; color: midnightblue;}
#SpnModalTitle { font-weight: bold; }
#ImgSimplemodal-close { background:url(/images/x.png) no-repeat; width:25px; height:20px; display:inline; z-index:3200; position:absolute; top: 3px; right: 3px; cursor:pointer; border: solid 0px red; border-top-right-radius: 4px; }
#DivModalCont { display: block; height: 300px; border: solid 1px blue; }
/*요기까지 지울예정 */
/* style=\"display: block; width: 100%; height: " + (fi_Height - 30) + "px; border: solid 0px blue; padding: 0px; \"
#simplemodal-container .simplemodal-data { padding:0px;}
#simplemodal-container code {background: red; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding: 0px 0px 0px ;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:20px; display:inline; z-index:3200; position:absolute; top: 3px; right: 3px; cursor:pointer; border: solid 0px red;}
#simplemodal-container h3 {color:#84b8d9;}
*/
/* 업무일지 보이기(앨범형태)에 쓰이는 CSS */
.Alb-Img-Left /* 이미지 왼쪽 정렬 */ { cursor: pointer; padding: 0px 5px 0px 0px; }
.spnNote { color: blue; cursor: help; text-decoration: underline; }
/* 업무일지 보이기(앨범형태)에 쓰이는 CSS 요기까지 */