@charset "utf-8";
.textOverflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.CabinetCount {font-size: 10px;color: #99999;}
.OOCabsCategory li{height:31px;}

.highlight{
	background: #dcdcdc !important;
	cursor: pointer !important;
}
.highlight2{
	background: #d2d2d2 !important;
}
/* Mainboard Header ---------------------------------------------------------------------------------------------------------------*/
/* 1. Header0 */
#Header0{height:40px; position:relative;}
/* #Header0 .Logo{position:absolute;top:5px;z-index:5;} */
#Header0 .Logo{float:left;top:5px;z-index:5;}
/* #Header0 .Logo img {height: 30px;} */

/* #Header0 .HeaderMenu {position:absolute;top:10px;right:0px;overflow:hidden;height:24px;line-height:24px;padding: 0} */
#Header0 .HeaderMenu {overflow:hidden;height:24px;line-height:24px;padding: 0; margin-top:10px;float:right;}
/* #Header0 .HeaderMenu li{background:url('../images/common/bg_toplink.gif') no-repeat left 6px;color:#777;float:left;padding: 0 10px;} */
#Header0 .HeaderMenu li{color:#777;float:left;padding: 0 10px;}
#Header0 .HeaderMenu a{color:#555;text-decoration:none;}

/* #Header0 .HeaderPortalSearch {position:absolute;top:7px;left:240px;overflow:hidden;width:280px;height:40px;line-height:40px;padding: 0} */
#Header0 .HeaderPortalSearch {float:left;overflow:hidden;width:280px;height:40px;line-height:40px;padding: 0}

#Header0 .HeaderMenuSub {position:absolute;bottom:2px;right:0px;overflow:hidden;line-height: 24px;padding: 0 10px;}
#Header0 .HeaderMenuSub li{color:#777;float:left;padding: 2px 0 0 2px}
#Header0 .HeaderMenuSub a{color:#555;text-decoration:none;}

/* 2. Header1 */
/* #Header1 {height:40px;border-top: 0px solid #dcdcdc;background-image: url('../images/mainboard/thema/blue_header.png');} */
#Header1 .QuickMenu {float:left;line-height: 40px;width:240px;border-right: 0px solid #dcdcdc;}
#Header1 .QuickMenu li{position:relative;float:left;margin-left:5px;width: 28px;height: 40px;}
#Header1 .QuickMenu img{position:absolute;top:0;bottom:0;margin:auto;width:28px;cursor:pointer;}
    
/* #Header1 {height:40px;border-top: 1px solid #dcdcdc;background-image: url('../images/mainboard/thema/blue_header.png');} */
/* #Header1 .QuickMenu {float:left;line-height: 40px;width:240px;border-right: 0px solid #dcdcdc;} */
/* #Header1 .QuickMenu ul{line-height: 40px;height: 40px;} */
/* #Header1 .QuickMenu li{float:left;padding-left:10px;padding-right:10px;} */
/* #Header1 .QuickMenu img{height:25px;width:25px;} */

/* 2-1. Workspace Header */
.workspaceSelectedTab{float:left;position:relative;padding-top: 13px;cursor:pointer;}
.ui-workspace-tab_h_left {width:5px; background-image: url('../images/mainboard/tab_h_left.png'); height:35px; float:left;}
.ui-workspace-tab_h_middle_name {width:120px; background-image: url('../images/mainboard/tab_h_middle.png'); height:35px; position:relative; border:0px solid #6b6b6b; font-weight:bold; float:left}
.ui-workspace-tab_h_middle_icon {width:30px; background-image: url('../images/mainboard/tab_h_middle.png'); height:35px; position:relative; border:0px solid #6b6b6b; float:left}
.ui-workspace-tab_h_middle_name p{width:120px; float: left; padding-left: 8px; padding-top: 8px;}
.ui-workspace-tab_h_middle_icon img{position:absolute;  top:8px;}
.ui-workspace-tab_h_right {width:6px; background-image: url('../images/mainboard/tab_h_right.png'); height:35px; float:left;}

.workspaceNonSelectedTab{float:left;position:relative;padding-top: 14px;cursor:pointer;}
.ui-workspace-tab_n_left {width:5px; background-image: url('../images/mainboard/tab_n_left.png'); height:35px; float:left;}
.ui-workspace-tab_n_middle_name {width:120px; background-image: url('../images/mainboard/tab_n_middle.png'); height:35px; position:relative; border:0px solid #6b6b6b; float:left}
.ui-workspace-tab_n_middle_icon {width:30px; background-image: url('../images/mainboard/tab_n_middle.png'); height:35px; position:relative; border:0px solid #6b6b6b; float:left}
.ui-workspace-tab_n_middle_name p{width:120px; float: left; padding-left: 8px; padding-top: 8px;}
.ui-workspace-tab_n_middle_icon img{position:absolute; top:8px;}
.ui-workspace-tab_n_right {width:6px; background-image: url('../images/mainboard/tab_n_right.png'); height:35px; float:left;}

/* 3. Header2 */
/* #Header2 {height:35px;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;} */
#Header2 {height:34px;border-bottom: 1px solid #dcdcdc;}

.HotMenuPopup {border:1px solid #dcdcdc;position:absolute;display:none;background-color: white;color: black;z-index: 999;overflow-y: auto;}
.HotMenuPopup div{padding:8px 10px; cursor: pointer;}
.HotMenuPopup div:hover {cursor: pointer; color: #0083cb;}

.HotMenuInputPopup {border:1px solid #dcdcdc;position:absolute;display:none;background-color: white;color: black;padding: 6px 13px 4px 13px;z-index: 999;overflow-y: auto;}
.HotMenuInputPopup div{padding-top: 6px; padding-bottom: 6px;}
 
.HotApprovalSelectPopup {border:1px solid #dcdcdc;position:absolute;display:none;background-color: white;padding: 5px 0;color: black;z-index: 999; width:129px;height: 79px;overflow-y: auto;}
.HotApprovalSelectPopup div{padding: 5px 5px;}
.HotApprovalSelectPopup div:hover {cursor: pointer; background-color:#EBFBFF;}

/* 3-1. LeftMenu */
#LeftMenu {position: relative;float: left;width:240px;border-right: 1px solid #dcdcdc;}
#LeftMenuArea {position: absolute;}
#JobMenuArea{background-color:#fafafa;}
/*dobong.kang cj DetailMenu 컬러 변경 #ffffff -> #fafafa */
#DetailMenu {width:240px;background-color:#ffffff;}
/*#DetailMenu {width:240px;background-color:#fafafa;}*/
/* .LeftMenuHeader{position: relative;float:left;width:240px;height:35px;border-right: 0px solid #dcdcdc;background-image: url('../images/mainboard/thema/blue_leftmenu_header.png');} */
.LeftMenuHeader:hover {cursor: pointer;}
/* .LeftMenuHeader .Title{width:240px;text-align:center;position:absolute;top:17px;font-size:15px;font-weight:bold;} */
.LeftMenuHeader .Title{width:240px;text-align:center;position:absolute;font-size:15px;line-height:40px;}
.LeftMenuHeader .Button{width:20px;height:48px;text-align:center;left:220px;font-size:15px;font-weight:bold;border-left: 1px solid #dcdcdc;float:right;}
.BlankCategory{background:#fafafa !important}

/* 3-2. Page Header */
#PageHeader{height:35px;border-right: 0px solid #dcdcdc;}

.pageSelected{float:left;position:relative;padding-top: 11px;cursor:pointer;}
.pageHLeft {width:5px; background-image: url('../images/mainboard/tab_h_left.png'); height:25px; float:left;}
.pageHMiddle {background-image: url('../images/mainboard/tab_h_middle.png'); width:135px; height:25px; border:0px solid #6b6b6b; float:left}
.pageHMiddle p{float: left; padding-right: 0px; padding-left: 8px; padding-top: 4px; width:110px;}
.pageHMiddle img{padding-top: 6px;}
.pageHRight {width:6px; background-image: url('../images/mainboard/tab_h_right.png'); height:25px; float:left;}

.pageNonSelected{float:left;position:relative;padding-top: 12px;cursor:pointer;}
.pageNLeft {width:5px; background-image: url('../images/mainboard/tab_n_left.png'); height:25px; float:left;}
.pageNMiddle {background-image: url('../images/mainboard/tab_n_middle.png'); width:135px; height:25px; position:relative; border:0px solid #6b6b6b; float:left}
.pageNMiddle p{float: left; padding-right: 0px; padding-left: 8px; padding-top: 4px; width:110px;}
.pageNMiddle img{margin-top: 6px;}
.pageNRight {width:6px; background-image: url('../images/mainboard/tab_n_right.png'); height:25px; float:left;}

/* Mainboard Header End ---------------------------------------------------------------------------------------------------------------*/

/* Mainboard Footer -------------------------------------------------------------------------------------------------------------------*/
#MainboardFooter {position: absolute;bottom: 0;width: 100%;}
/* #Footer {clear:both;padding: 0 0 0 10px;width:100%;height:25px;border-top: 1px solid #dcdcdc;background-image: url('../images/mainboard/thema/blue_footer.png');} */
/* #Footer .NewContents{position: relative;float:left;height:25px;width:25%;} */
/* #Footer .NewContents{position: relative;float:left;height:25px;width:300px;} */
#Footer .NewContents{position: relative;float:left;height:25px;}
#Footer .NewContents ul li{padding-top: 7px}
#Footer .NewContents img{padding-right:5px;}
#Footer .NewContents .RniContents{font-size:12px;cursor:pointer;font-weight:normal;color: #ffffff;text-align:left;}
#Footer .NewContents .WiseSaying{width:260px;font-size:12px;cursor:pointer;font-weight:normal;color: #ffffff;}
/* #Footer .NewContents img{padding-right:5px; padding-top:4px;} */
/* #Footer .NewContents .WiseSaying{position:absolute;top:5px;width:260px;font-size:12px;cursor:pointer;font-weight:normal;color: #ffffff;text-align:left;} */
/* #Footer .MainThema{position: relative;float:right;height:25px;width:50%;} */
#Footer .MainThema{position: relative;height:25px;width:50%;}
#Footer .MainThema span{position:absolute;top:5px;font-size:12px;cursor:pointer;font-weight:normal;color: #ffffff;text-align:center;width:100%;}
#Footer .Messenger{position: relative;float:right;height:25px;width:8%;} /* width : 15% */
#Footer .Messenger span{position:absolute;top:3px;right:15px;font-size:12px;cursor:pointer;font-weight:normal;color: #ffffff;text-align:right;}
#Footer .Messenger img{vertical-align:middle;width:130px;height:20px;}
/* Mainboard Footer End ---------------------------------------------------------------------------------------------------------------*/

/*Sub (Left Menu)----------------------------------------------------------------------------------------------------------------------*/
#TopMenu {height:33px;padding: 3px;border-bottom: 1px solid #dcdcdc;}
#TopMenu .QuickMenu {float:left;line-height: 33px;width:240px;border-right: 1px solid #dcdcdc;}
#TopMenu .QuickMenu li{float:left;padding-left:10px;line-height: 33px;}
#TopMenu .QuickMenu img{height:30px;width:33px;vertical-align: middle;cursor:pointer;}

#BottomMenu {float:left;border-top: 1px solid #dcdcdc;}
#BottomMenu .MenuSelectedItem{position: relative;width:240px;height:27px;border-top: 1px solid #dcdcdc;background-image: url('../images/mainboard/thema/blue_select_menu.png');cursor:pointer;}
#BottomMenu .MenuSelectedItem span{width:240px;position:absolute;top:7px;left:51px;font-size:15px;font-weight:bold;}
#BottomMenu .MenuSelectedItem img{position:absolute;top:7px;left:20px;}
#BottomMenu .MenuNonSelectedItem{position: relative;width:240px;height:27px;border-top: 1px solid #dcdcdc;cursor:pointer;}
#BottomMenu .MenuNonSelectedItem span{width:240px;position:absolute;top:7px;left:51px;font-size:15px;font-weight:bold;}
#BottomMenu .MenuNonSelectedItem img {position:absolute;top:7px;left:20px;}


#BottomMenu .MenuSelectedImgItem{float:left;width:48px;height: 48px;border-top: 1px solid white;cursor:pointer;position:relative}
#BottomMenu .MenuNonSelectedImgItem{float:left;width:48px;border-top: 1px solid white;cursor:pointer;}

/* #topMenu .MenuSelectedImgItem{float:left;width:40px;height: 36px;cursor:pointer;position:relative} 백영주석*/
/* #topMenu .MenuSelectedImgItem{float:left;width:75px;height: 25px;cursor:pointer;position:relative;margin-top:5px;padding-top:5px;text-align:center;color:white;} */
/* #topMenu .MenuSelectedImgItem{float:left;width:75px;height: 25px;cursor:pointer;position:relative;margin-top:5px;padding-top:5px;text-align:center;color:white;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} */
#topMenu .MenuSelectedImgItem{float:left;height: 25px;cursor:pointer;position:relative;margin-top:5px;padding-top:5px;text-align:center;color:white;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#topMenu .MenuNonSelectedImgItem{float:left;width:40px;border-top: 1px solid white;cursor:pointer;}
#topMenu .TopTitleSpan{font-size:13px;font-weight:bold;}

.leftmenu_Month {font-size:11px;color:white}
.leftmenu_Day {font-size:13px;color:white;padding-right:1px;}


/* .LeftMenu1 {padding-left:10px;line-height:30px;background:#f3f3f3;height:30px;} */
.LeftMenu1 {padding-left:10px;line-height:30px;background:#f1f1f1;height:30px;}
.LeftMenu1 span{height: 30px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}
.LeftMenu1 img{margin:3px 5px 0px 0px; height:20px;width:20px;}
/* .LeftMenu2 {padding-left:30px;line-height: 30px;} */
/* .LeftMenu2 span{height: 30px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;} */
/* .LeftMenu2 .CabinetCount {font-size: 10px;color: #ccccff;font-family:arial;} */
/* dobong.kang 레프트 메뉴 타이틀 cj : border-bottom-color:#f0f0f0;background:#fafafa;*/
.LeftMenu2 {padding-left:25px;line-height: 20px;height:25px;padding-top:10px;border-bottom-color:#fafafa;border-bottom-style:solid;border-bottom-width:1px;background:white;}
/*.LeftMenu2 {padding-left:25px;line-height: 20px;height:25px;padding-top:10px;border-bottom-color:#f0f0f0;border-bottom-style:solid;border-bottom-width:1px;background:#fafafa;}*/


.adminCompanySelectAll {cursor: pointer;}

.LeftMenu2 span{height: 25px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}
.LeftMenu2 .CabinetCount {font-size: 10px;color: #ccccff;font-family:arial;}
/* .LeftMenu2 img{margin:3px 5px 0px 0px; height:25px;width:27px;} */
.LeftMenu2 div {float:left;width:25px;}
/* .LeftMenu2 div {float:left;width:30px;} */
/* dobong.kang cj left 처리 주석 : .TotalSysLeftMenu, .TotalSysLeftMenu span */
.TotalSysLeftMenu {padding-left:25px;line-height: 20px;height:28px;padding-top: 5px;;border-bottom-color:#fafafa;border-bottom-style:solid;border-bottom-width:1px;background:#ffffff;cursor:pointer;width: 207px;}
.TotalSysLeftMenu span{height: 25px; float: left; font-size:14px;cursor:pointer;font-weight:normal;text-align:left;}
/*.TotalSysLeftMenu {padding-left:25px;line-height: 20px;height:28px;margin-top: 5px;;border-bottom-color:#f0f0f0;border-bottom-style:solid;border-bottom-width:1px;background:#fafafa;cursor:pointer;width: 190px;}*/
/*.TotalSysLeftMenu span{height: 25px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}*/

.TotalSysLeftMenu .CabinetCount {font-size: 10px;color: #ccccff;font-family:arial;}
.TotalSysLeftMenu div {float:left;width:25px;}

/* dobong.kang cj 처리 주석 */
.TotalLeftMenu {height:25px;border-bottom-color:#fafafa;border-bottom-style:solid;border-bottom-width:1px;background:white;height: 31px;padding-left: 10px;cursor:pointer;}
/*.TotalLeftMenu {height:25px;border-bottom-color:#f0f0f0;border-bottom-style:solid;border-bottom-width:1px;background:#fafafa;height: 31px;padding-left: 10px;cursor:pointer;}*/

.LeftMenu3 {padding-left:45px;line-height: 30px;}
.LeftMenu3 span{height: 30px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}
.LeftMenu3 .CabinetCount {font-size: 10px;color: #ccccff;font-family:arial;}
.LeftMenu3 img{margin:3px 5px 0px 0px; height:20px;width:20px;}
.LeftMenu3 div {float:left;width:30px;}
.LeftMenu4 {padding-left:6px;line-height: 30px;}
.LeftMenu4 span{height: 30px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}
.LeftMenu4 p{height: 30px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}
.LeftMenu4 .CabinetCount {font-size: 10px;color: #ccccff;font-family:arial;}
/* .LeftMenu4 img{margin:3px 5px 0px 0px; height:20px;width:20px;} */
.LeftMenu4 div {float:left;width:27px;}
.LeftMenu5 {padding-left:70px;line-height: 30px;}
.LeftMenu5 span{height: 30px; float: left; font-size:12px;cursor:pointer;font-weight:normal;text-align:left;}
.LeftMenu5 .CabinetCount {font-size: 10px;color: #ccccff;font-family:arial;}
.LeftMenu5 img{margin:3px 5px 0px 0px; height:20px;width:20px;}
.LeftMenu5 div {float:left;width:30px;}
/* dobong.kang cj 처리 주석 */
.LeftMenuCheckbox {padding-bottom:10px; width:100%; height:100%;}
/* .LeftMenuCheckbox {padding-bottom:10px} */
.LeftMenu6 {height:25px;border-bottom-color:#f0f0f0;border-bottom-style:solid;border-bottom-width:1px;background:#fafafa;}

.grayscale{
/* 	filter: url(“data:image/svg+xml;utf8,<svg xmlns=\’http://www.w3.org/2000/svg\’><filter id=\’grayscale\’><feColorMatrix type=\’matrix\’ values=\’1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\’/></filter></svg>#grayscale”); */
/*     filter: grayscale(100%); Current draft standard */
/*     -webkit-filter: grayscale(100%); New WebKit */
/*     -moz-filter: grayscale(100%); */
/*     -ms-filter: grayscale(100%);  */
/*     -o-filter: grayscale(100%); Not yet supported in Gecko, Opera or IE  */
/*     filter: url(resources.svg#desaturate); Gecko */
/*     filter: gray; IE */
/*     -webkit-filter: grayscale(1); Old WebKit */
/* Firefox 10+, Firefox on Android */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
}

/*Button Type ------------------------------------------------------------------------------------------------------------------------*/
.btnTypeBase{vertical-align:middle;display:inline-block;padding-right:3px;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:21px;border:1px solid #dcdcdc;}
.btnTypeBlue{vertical-align:middle;display:inline-block;padding-right:3px;color:#222;text-decoration:none !important;white-space:nowrap;overflow:visible;line-height:21px;border:1px solid #dcdcdc;background-color: aqua;}
.btnTypeBase .btnLeftLabel{float:left;display:block;padding:3px 6px 1px 9px;font-size:12px;cursor:pointer;font-weight:normal;}
.btnTypeBase .btnRightLabel{float:right;display:block;padding:3px 6px 1px 9px;font-size:12px;cursor:pointer;font-weight:normal;}
.btnTypeBase .btnLeftImage{float:left;display:block;padding:5px 1px 5px 9px;cursor:pointer;}
.btnTypeBase .btnRightImage{float:right;display:block;padding:5px 6px 5px 5px;cursor:pointer;}
.btnTypeBase .btnImage{float:left;display:block;padding:2px 1px 3px 4px;cursor:pointer;}
.btnTypeBase:hover span{color:#1c79c7;}

.searchBox{position:relative;height:25px;width:170px;border:1px solid #dcdcdc;}
.searchBox .search_input_text{position:absolute;top:0px;left:0px;width:139px;height:18px;line-height: 18px;padding:3px 0px 2px 2px;vertical-align:middle;}
/* .HeaderPortalSearch .searchBox{border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);} */
/* .searchBox .search_input_text:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);} */
/* .searchBox .search_input_text:focus {border:1px solid #60a9f1;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);} */
.searchBox .search_icon{position:absolute;top:0px;right:2px;vertical-align:middle;border:0px;}
.searchBox .search_icon img {width:23px;height:23px;cursor:pointer;}

/* LayerPopup Top ---------------------------------------------------------------------------------------------------------------*/
.LayerPopupTop {padding-bottom: 5px; margin-top: 10px; border-bottom:1px solid #E7E7E7;}
.LayerPopupTop .LeftArea{float: left; border-bottom:#D5D5D5; margin-left:15px;}
.LayerPopupTop .RightArea{float: right; margin-right: 15px;}
.LayerPopupTop .RightArea div{float: left;}

/* LayerPopup Body ---------------------------------------------------------------------------------------------------------------*/
/* #NewWorkspaceLayerPopup{ */
/* 	position:absolute; width:781px; height:690px; border: 1px solid #c6c6c6; display: none; background-color: white; */
/* 	box-shadow:1px 1px 1px 1px #dcdcdc;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); IE6-9 */
/* } */
#NewWorkspaceLayerPopupArea{position:absolute; z-index: 100;}
#NewWorkspaceLayerPopup{
	width:781px; border: 1px solid #c6c6c6; background-color: white;
	box-shadow:1px 1px 1px 1px #dcdcdc; /* IE6-9 */
}
#NewWorkspaceLayerPopup .LayerPopupBody{padding: 10px 15px 0px 15px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component{padding: 0px 0px 5px 10px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentName{float:left;width:105px;font-weight:bold;text-align:left;margin-top: 5px;font-size: 12px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail{width: 636px; border: 0px solid #dcdcdc;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail input{text-align:left;width: 98%; height: 27px; border: 1px solid #dcdcdc; color: #999;padding:0 5px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail input:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail input:focus {border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .VerticalComponent{float: left; padding-right: 10px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .VerticalComponent div{position:relative;width:60px;height:60px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .VerticalComponent img{position:absolute;top:0;bottom:0;margin:auto auto auto 5px;height:50px;width:50px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .VerticalComponent img:hover{position:absolute;top:0;bottom:0;margin:auto auto auto 5px;height:50px;width:50px;cursor:pointer;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .VerticalComponent .selectedBoard{background-color: #0083cb;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .HorizontalComponent{}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .HorizontalComponent .ComponentItem{float: left; padding: 5px 5px 5px 5px; margin-right: 20px; height:100%;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .HorizontalComponent .selectedBoard{background-color: #dcdcdc;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .HorizontalComponent .WallpaperImage{border: 1px solid #707070; width: 180px; height: 98px;}
#NewWorkspaceLayerPopup .LayerPopupBody .Component .ComponentDetail .HorizontalComponent .WallpaperImage:hover{border: 1px solid #707070; width: 180px; height: 98px;cursor:pointer;}


/* #NewPortletLayerPopup{width:700px; height:490px; } height:509px; */
#NewPortletLayerPopup{
	position:absolute; width:812px; border: 1px solid #c6c6c6; background-color: white;
	box-shadow:1px 1px 1px 1px #dcdcdc;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

}
#NewPortletLayerPopup .LayerPopupBody .Pagetop{padding:15px 15px 0px 20px;background-color:#F2F2F2;}
#NewPortletLayerPopup .LayerPopupBody .Pagemid{padding:15px 15px 15px 40px;}
#NewPortletLayerPopup .LayerPopupBody .Pagebottom{height:50px;background-color:#F2F2F2;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentName{float:left;min-width:80px;font-weight:bold;text-align:left;margin-top: 7px;font-size: 12px;margin-right:15px}
/* #NewPortletLayerPopup .LayerPopupBody .Pagemid .ComponentName{float:left;margin-right:30px;font-weight:bold;text-align:left;margin-top: 5px;font-size: 12px;} */

#NewPortletLayerPopup .LayerPopupBody .Component{margin:0px;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail{border: 0px solid #dcdcdc;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail input{text-align:left;  border: 1px solid #dcdcdc; color: #999;padding:0 5px;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail input:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail input:focus {border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail .VerticalComponent{float: left; padding-right: 5px;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail .HorizontalComponent{}

#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail2{border: 0px solid #dcdcdc;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail2 input{text-align:left;  border: 1px solid #dcdcdc; color: #999;padding:0 5px;margin-top:15px}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail2 input:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail2 input:focus {border:1px solid #4d90fe;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail2 .VerticalComponent{float: left; padding-right: 5px;}
#NewPortletLayerPopup .LayerPopupBody .Component .ComponentDetail2 .HorizontalComponent{}

.LayerPopupDivision {clear:both; height: 5px; margin-bottom: 10px; border-bottom: 1px dotted #b5b5b5;}
.FileListLayerPopup {z-index: 9999;display: none;position: absolute;background-color: white;width: 210px;height: 250px;border: 1px solid #696969;box-shadow: 2px 2px 2px silver;padding: 15px;}
.FileListLayerPopup li{float: left;}

.MngTextComponent{width:100%;}
/* height: 30px; */
.MTextItem {position:relative; width:98%; text-align:left;}
.MTextInputHeight{height:45px;float:left}
.MTextItem .inputText{position: absolute;top:-10px;left: 0px;right: 0px;padding:0 4px; vertical-align: middle; height: 29px;border:1px solid #dcdcdc; color: #565656; resize: none;margin-top:10px;}
.MTextItem .inputText:hover {border: 1px solid #b9b9b9;border-top-color: #a0a0a0;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);}
.MTextItem .inputText:focus {border:1px solid #65caeb;outline:none;box-shadow:inset 0px 1px 2px rgba(0,0,0,0.3);-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);}
.MTextItem .inputTextWithLang{position: absolute;top: 1px;left: 0px;right: 130px;padding:0px 0px 2px 0px; vertical-align: middle; height: 29px;border:1px solid #dcdcdc; color: #565656; resize: none;}
.MTextItem .inputTextWithLangAndButton{position: absolute;top: 1px;left: 0px;right: 130px;padding:0px 0px 2px 0px; vertical-align: middle; height: 25px;border:1px solid #dcdcdc; color: #565656; resize: none;}

.MTextTextareaHeight{height: 90px;}
/* dobong.kang cj 처리 주석 */
.MTextItem .textArea{position: absolute;top: 1px;left: 0px;right: 0px;padding:0 4px; vertical-align: middle; height: 83px;border:1px solid #dcdcdc; color: #a7a7a7; resize: none;}
/*.MTextItem .textArea{position: absolute;top: 1px;left: 0px;right: 0px;padding:0 4px; vertical-align: middle; height: 89px;border:1px solid #dcdcdc; color: #a7a7a7; resize: none;}*/
.MTextItem .textAreaWithLang{position: absolute;top: 1px;left: 0px;right: 130px;padding:0px 0px 2px 0px; vertical-align: middle; height: 89px;border:1px solid #dcdcdc; color: #a7a7a7; resize: none;}
.MTextItem .textAreaWithLangAndButton{position: absolute;top: 1px;left: 0px;right: 130px;padding:0px 0px 2px 0px; vertical-align: middle; height: 89px;border:1px solid #dcdcdc; color: #a7a7a7; resize: none;}

.MTextItem .codeLangSelect{width: 90px; height: 29px;color: #7f9db9; margin:0px 0px 3px 4px; border:1px solid #dcdcdc;}
.codeLangSelect{width: 90px; height: 29px;color: #7f9db9; margin:0px 0px 3px 4px; border:1px solid #dcdcdc;}
.CommonSelectbox{width: 100%;height: 29px;color: #565656; margin:0px 0px 3px 0px; border:1px solid #dcdcdc;}

/* Hub Style ---------------------------------------------------------------------------------------------------------------*/
.ptTitleArea{color:#555}
/* .ptTitleArea{color:black} */
/* .ptTitleArea:hover{color:#0083CB} */


.column {float: left;margin-top: 5px;padding-bottom: 100px;}
.portlet {margin: 0 5px 5px 0;}
.portlet-over {border: 1px solid #AAA/*{borderColorContent}*/;box-shadow: 2px 2px 2px silver;}
.portlet-header-over {border: 1px solid #AAA/*{borderColorContent}*/;}
.workspace {margin: 0px 0px 15px 0px;padding: 0px 0px 0px 15px;}
.portlet-button {margin: 5px 20px 0 5px;}
.portlet-header {margin: -1px;padding-top: 3px;padding-bottom: 3px;padding-right: 3px;padding-left: 10px;font-size: 0.8em;color: #2f4f4f !important;cursor:pointer;font-family:'Dotum';font-size:14px;line-height:20px;position:relative;}
.portlet-header .ClickArea{position:absolute;width:100%;top:6px;right:0px;} 
.tabHeader{margin: 5px 2px auto 0px;padding: 0px 0px 0px 0px;border:0px solid #0083cb;}
.tabHeader2{margin: 5px 0px auto 0px;padding: 0px 0px 0px 0px;border:0px solid #0083cb;} 

.portlet-header .ui-icon {float: right;margin-right: 4px;}
.ui-widget-header-img {background: #4169e1/*{bgColorHeader}*/ url(/officeon/css/portlet/images/portletheader4.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;}
.ui-widget-header-over-img {background: #4169e1/*{bgColorHeader}*/ url(/officeon/css/portlet/images/portletheader2.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;}
.ui-widget-border{border: 1px solid #D1CCCC/*{borderColorContent}*/;}
.ui-sortable-placeholder {border: 3px dotted #87ceeb;visibility: visible !important; filter:alpha(opacity=90); -khtml-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; }
.ui-sortable-placeholder * {visibility: hidden;}
/* .ui-sortable-helper {background: #4169e1;visibility: visible !important;} */
/* .ui-sortable-helper * {visibility: hidden !important;} */
.ui-corner-portlet {
	-moz-border-radius-topright: 4px/*{cornerRadius}*/;
	-webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
	-khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
	border-top-right-radius: 4px/*{cornerRadius}*/;

	-moz-border-radius-topleft: 4px/*{cornerRadius}*/;
	-webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
	-khtml-border-top-left-radius: 4px/*{cornerRadius}*/;
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-expand-widget-content{border: 0px solid #AAA/*{borderColorContent}*/;}
.layoutHeaderLine{border-bottom:1px solid #0083cb;}
.leftcurtain{width: 51%;top: 0px;left: 0px;position: absolute;z-index: 1000;}
.rightcurtain{width: 49%;right: 0px;top: 0px;position: absolute;z-index: 1000;}
.rightcurtain img, .leftcurtain img{width: 100%;height: 100%;}

.BoxShadow{box-shadow: 2px 2px 2px silver;}

#debug {width: 300px;height: 300px;border: solid 1px;position: absolute;top: 600px;}

.toggler { width: 500px; height: 200px; }
#button { padding: .5em 1em; text-decoration: none; }
#effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }

/* Popup Style ---------------------------------------------------------------------------------------------------------------*/
.PopupTitlebar{color:white;font-weight:bold;font-size:20px;background:url('/officeon/images/common/AddressPopup_top.png') repeat-x left top; height:45px;line-height:43px;}
.PopupTitlebar:hover{cursor:pointer;}
.PopupTitle{float: left; color:white; font-family:Arial; font-size: 20px; margin-left: 20px;}
.PopupBody{padding:5px 10px 0 15px;}
.PopupClose{position:absolute;top:0px;right:10px;cursor:pointer;}
.PaperBG{background:url('/officeon/images/homepage/yesim/paper_bg.png') 100% 100% repeat; }

.toolTip {display: inline-block; width: 5em;}

.EditMenuPopup:hover{
	color: #0083cb;
}
/* .FunctionMenuBg{background:  #BFBFBF;} */
/* .FunctionMenuTopBg{background:  #BFBFBF;} */
/* .FunctionMenuBtmBg{background:  #BFBFBF;} */

.FunctionMenuBg{background:  #eef0f2;}
.FunctionMenuTopBg{background:  #eef0f2;}
.FunctionMenuBtmBg{background:  #eef0f2;}
.NewChatImage {cursor: pointer;}