@charset "utf-8";

/* Contents Import */

html {margin:0;padding:0;}
body {
	margin:0;padding:0;
    font-family: Arial, Dotumche, Gulimche;
    font-size: 8pt;
    color:#ffffff; 
    scrollbar-3dlight-color:#B5B5B5;
    scrollbar-arrow-color:#848484; 
    scrollbar-base-color:#EBF7FF;
    scrollbar-darkshadow-color:#B1B1B1; 
    scrollbar-face-color:#F0F0F0;
    scrollbar-highlight-color:white; 
    scrollbar-shadow-color:#FFFFFF;
}
form      {display : inline;}
fieldset  {margin:0;padding:0;border:none;}

/* BBUG.CHG : 상단로고를 위해 여백 추가, padding-left: 270px;  */
#top-menu		{ height:40px; width:100%; padding-left: 230px;}
#top-line		{ height:20px; width:100%; }
#top-logo		{ height:30px; float:left; width:160px; }
#top-buttons	{ height:30px; float:right; font-color:white; padding-top:15px; padding-right:20px; }
/* 회사 COPYRIGHT */
#copyright      { height:30px; width:100%; margin:0; padding:6px 0 0 0; text-align: center;position:fixed;bottom:0px;color:#000;z-index:5;border-top:1px solid #ccc;background-color:#fff; }
/* 메뉴닫기 아이콘 */
#menu-folding   { background:url('../images/menu_close.png') no-repeat; width:5px;height:30px; }   /* BBUG.CHG : width:20px -> 5px height:84px -> 40px */

/* 상단메뉴 및 사용자아이콘 영역 */
/* ====BBUG.CHG : 상단 배경/색상 추가1, background:url('../images/top_bkcolor.png'); overflow:auto; -> hidden  */
#header-region  { height:111px !important; }
/* 하단 COPYRIGHT 영역 */
#footer-region  { height:30px;}
/* 좌측 메뉴 영역 */
#menu-region    { width:230px;padding:0px; } /* 여백주기 : padding:20px; BBUG.TEST : width:230px -> 220px */
/* 중앙 컨텐츠 영역 */  
#center-region  { } /* 여백주기 : padding:20px; */

/* 탭패널 중앙 IFRAME */
/* BBUG.TEST : 화면전환 시 잠시 Display 용도로 사용가능... background:url('../images/top_bkcolor.png'); */
.wui-iframe    {width:100%;overflow-y:hidden;overflow-x:auto;} /* height:100%; */
/* 컨텐츠 BODY */
.wui-body      {}
/* 좌측 메뉴 패널 */ 
.wui-menu      {background:#ffffff;} /* 여백주기 : padding: 10px; */
/* 좌측 알림 패널 */ 
.wui-alarm     {background:#aaaaaa;} /* 여백주기 : padding: 10px; */
/* 메인 팝업 창 */
.wui-popup     {background-color:#ffffff; }
/* 탭 패널 */
.wui-tab       {padding: 0 0px;} /* 여백주기 : padding:10px !important; */
/* 그리드 검색툴바 */
.wui-toolbar   {} /* 여백주기 : padding: 3px; */
/* 레이어 팝업 패널 */
.wui-dialog    {} /* 여백주기 : padding:10px 20px; */

.nav>li>a{padding:20px 20px !important;}


.wui-upload    {width:100%; }
.wui-upload .datagrid-header{background-color:#f9f9f9;}
.wui-editor    {width:100%; height:100%; }
.wui-tareae    {width:100%; /*2016/12/21/김영진 -- height:433px;*/height:333px;}
.wui-tareas    {width:100%; height:330px; overflow-y:auto;} /*20161014 김원국 width:100%; height:240px; -> width:100%; height:240px; overflow-y:scroll; > 20161130 height: 240 > 330 변경*/


table.search-table		   {}
table.search-table th.h    {padding-right:5px} /* padding-right:5px 추가 */
table.search-table td.d    {padding-right: 20px; }
table.search-table th span {white-space:nowrap; }
table.search-table td span {white-space:nowrap; }

table.board-search-table   {margin-left:170px;margin-top:9px;}
table.non-board-search-table{margin-top:9px;}
table.board-search-table-center {margin:auto;margin-top:9px;}

table.regist-table		   {}
table.regist-table th span {white-space:nowrap; }

table.select-table         {width:100%;}
table.select-table td      {border: 1px solid #CCCCCC;}
table.select-table th      {
    width: 100px;
    white-space:nowrap;
	border: 1px solid #CCCCCC;
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
}


/* 2017-06-22 메인화면 알림방 자료실 추가 수정 css */
.adjust-select{width:100%;border-top:2px solid #000000;}
.adjust-select th{
	width: 75px;
	padding:5px 10px 5px 5px;
	/*text-align:right;*/
	text-align:center;
    white-space:nowrap;
	/*border: 1px solid #CCCCCC;
    background-color: #efefef;
    background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
    background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);*/
    border-bottom: 1px solid #ededed;
    background-color: #ecf6ff;
    background: -webkit-linear-gradient(top,#ecf6ff 0,#ecf6ff 100%);
    background: -moz-linear-gradient(top,#ecf6ff 0,#ecf6ff 100%);
    background: -o-linear-gradient(top,#ecf6ff 0,#ecf6ff 100%);
    background: linear-gradient(to bottom,#ecf6ff 0,#ecf6ff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9,endColorstr=#efefef,GradientType=0);
	color: #0e4f87;
	height: 40px;
	font-size: 13px;
}
	
	
/* 2017-06-23 메인화면 등록 및 메일화면 css 추가 */
.adjust-select td{padding-left:10px;/*border-top:1px solid #ccc;*/border-bottom:1px solid #ededed;}
.mail-table-add td{padding-left:3px !important;}
.editor-background-color{background-color:#ffffff;}

/* 2017-06-02 박상후 팝업창 테이블 css 추가 */
.popup-category-view{display:inline-block;vertical-align:top;}
.popup-search-table2{}
.popup-search-table2 th{background-color: #f8f7f6;/* border:1px solid #ccc; */text-align:right;padding-right:5px;padding-left:5px;}
.popup-search-table2 td{border:1px solid #ccc;background-color:#fff;}
.popup-search-table2 .textbox{width:100%;}
.popup-search-table2 input{width:100%;}
.popup-search-table2 textarea{width:100%;}
.popup-adjust-sideTable th{width:80px;}



/* 2017-06-19 A/S관리 상세조회 테이블 상세수정 */
.popup-adjust-table1 th:nth-child(1){width:140px !important;}
.popup-adjust-table1 td:nth-child(2){width:140px !important;}
.popup-adjust-table1 th:nth-child(3){width:100px !important;}
.popup-adjust-table1 td:nth-child(4){width:140px !important;}

.popup-search-table{margin:6px auto; display:inline-block;vertical-align:top;margin: 10px 0px 10px 0px;text-align:left;}
.popup-search-table th{text-align:left;padding-left:6px;}
.popup-search-table th,td{padding:3px;}
.popup-search-table td{padding-left:6px;}
.popup-inputType-field{width: 140px;height: 21px;border: 1px solid #cbc7bd;;padding: 1px 4px 1px 4px;border-radius: 5px;background-color:rgb(235, 235, 228);}
.popup-table-alignCenter{text-align:center;}
/*.datagrid-header-inner table td{border-right:1px solid #8a8a8a !important;border-bottom:1px solid #8a8a8a !important;}*/
/*.datagrid-header{border-bottom:1px solid #8a8a8a !important;}*/
.datagrid-header{border-top:2px solid #000000;border-bottom:1px solid #e2dddd !important;height:45px;}
/* 2017-06-02 박상후 합계행 테이블 css 추가 */
.sum-count-table{width:100%;}
.sum-count-table th{background-color:#E8E5E5;font-weight:600;padding:5px;border:1px solid #8a8a8a;text-align:center;}
.sum-count-table td{font-weight:600;padding:5px 15px 5px 5px;border:1px solid #8a8a8a;text-align:right;}
.sumation-line-header{font-size:12px;padding:10px;font-weight:600;background-color:rgba(250, 255, 93, 0.35);border-top:2px solid #4d4d4d;filter:none !important;}
.adjust-count-table th{width:140px;}
/* 2017-06-07 참고사항 테이블 */
.popup-bottom-areaTable{width:100%;height:50px;}
.popup-bottom-areaTable th{width:15%;text-align:center;background-color:#fbf4ef;border-right: 1px solid #ccc;}
.popup-bottom-areaTable td{width:75%;}
.popup-bottom-areaBackground{background-color:#878787;width:100%;height:10px;}
.readonly {background-color:#cccccc;}
/* 2017-06-08 회사정보관리 테이블  */
.company-info-content{margin:10px auto;}
.company-info-table{border-collapse: collapse;}
.company-info-table th{background-color: #f5f5f5;padding: 10px;width:145px;text-align:right;}
.company-info-table td{border-left:1px solid #ccc;width:195px;}
.company-info-table tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.company-info-table th:nth-child(3){border-left:1px solid #ccc;}
.company-info-mark{margin:20px auto;font-weight:600;;text-align:left;}
.company-Img-table tr{border:0px;}
.company-Img-table td{border-bottom:1px solid #ccc;}
.company-Img-table th{text-align:center !important;}
/* 2017-06-09 거래처관리 테이블 */
.adjust-table1 td{padding:5px !important;}
.adjust-table1 th{padding:5px !important;}
.adjust-table1 th{text-align:right !important;}
.adjust-table1 td input{width:100% !important;}
/* 2017-06-15 직원정보관리 테이블 */
.employee-enroll-table{border-collapse: collapse;width:100%;}
.employee-enroll-table th{background-color: #f8f7f6;padding: 10px;width:125px;border:1px solid #ccc;text-align:right;}
.employee-enroll-table td{border:1px solid #ccc;}
.employee-enroll-table td textarea{width:100%; height:42px;border:0px;}
.employee-enroll-table td input{width:100% !important;border-radius:5px;border:1px solid #cbc7bd;height:21px;padding-left:5px;padding-top:0px;}
.employee-enroll-table .textbox{width:100% !important;}

/* 2017-06-28 반응형 조회조건 css */
.search-table-category {float:left;padding: 5px 10px 0px 10px;vertical-align: middle;}
.search-table-category .search-table-h {font-weight:600;padding-right:5px;}


/* 사이트맵 메뉴 패널 */
.sitemap-menu {
	width:  250px;
	height: 380px;
	float: left;
	border: 1px dotted #CCCCCC;
	margin: 20px;
	padding: 10px;
	line-height: 22px;
}

.schd-all   {background-color: #d34d17 !important; color: #ffffff !important; border-color:#ffb73d !important; }
.schd-owner {background-color: #323af8 !important; color: #ffffff !important; border-color:#d19405 !important; }
.schd-other {background-color: #2ac700 !important; color: #ffffff !important; border-color:#285c00 !important; }

.schd-all-blue {background-color: #dfeffc !important; color: #2e6e9e !important; border-color:#c5dbec !important; }
.schd-all-blue {background-color: #dfeffc !important; color: #2e6e9e !important; border-color:#c5dbec !important; }

/*메인화면 CSS*/
.main_big_box{width:385px; text-align: center;  height: 160px;  padding-top:66px}
.main_small_box{width:180px; text-align: center; display: inline-block; height: 160px;  padding-top:66px}
.main_big_title{font-size: 4em; color:#ffffff}
.main_small_title{font-size: 1.9em; color:#ffffff}

#main-layout{overflow-x:hidden;}
#left-submenu{overflow-y:auto;}
/*.wui-body{width:100%;min-width:1180px;}*/
.layout-panel-north{overflow:visible !important;}
.layout-panel-south{position:fixed;}
.wui-body .layout-panel-south,
.layout-panel-center .layout-panel-south{position:absolute !important;} 
/*#center-region{width:100%;min-width:1280px;}*/
.accordion-body{overflow:auto;height:100%;}

.navbar-nav>li>a{padding-top:10px !important;padding-bottom:10px !important;}
.navbar-header{width:100%;}
.main_navbar_bg{background-color:#fff;}
/*
.dropdown-menu{padding:5px 0;}
.dropdown-menu>li>a{padding:3px 15px;}
*/
#main-navbar .navbar-inner .navbar-collapse .nav > li > a{color:#222222; font-size:16px; font-weight:600; }
#main-navbar .navbar-inner .navbar-collapse .nav > li > a:hover{color:#e02011 }
/*#main-navbar .navbar-inner .navbar-collapse .nav > li > a:focus{color:#fff;}*/
#main-navbar .navbar-inner .navbar-collapse .nav > li > a:active{color:#fff;}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ 
	background-color:#878787 !important; 
	color:#fff !important;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 12px;
}
.dropdown-menu>li.noAuth {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 26px;
    color: #ccc;
    white-space: nowrap;
    font-size: 12px;
}
.tree-node.noAuth span{
    color: #ccc;
}
.navbar-toggle{padding:3px 6px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:transparent;}
.dropdown.open .dropdown-menu{margin-bottom:30px;}


#main-navbar .dropdown-menu>li>a{line-height:26px;font-size:14px;}
.drowpdown-menu-icon{height:20px;width:20px;text-align:center;margin-right:7px;}
.tree-node .fa{height:30px;width:25px;line-height:30px;text-align:center;}

#box-logo{min-height:60px;background-color:#002658;color:#fff;}
#box-logo-db{min-height:68px;background-color:#002658;color:#fff;}
input[type=checkbox], input[type=radio]{vertical-align:middle;margin:0 2px 1px 2px;}
.panel.layout-expand.layout-expand-west{left:-10px !important;}


.center-div{
	width:450px;
	height:200px;
	border:3px solid #eee;
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%, -50%);
	padding:10px 30px;
}
.center-div ul{
	padding-left:0;
}
.center-div li{
	font-size:18px;
	color:blue;
	font-weight:bold;
}
.center-div .center-table{
	width:100%;
}
.center-div .center-table table{
	width:290px;
	/* background:#eee; */
}
.center-div .center-table table input{
	width:145px;
	height:20px;
	margin:2px;
}
.center-div .center-table table .first-td{
	width:140px;
	text-align:right;
	padding-right:10px;
}
.center-div .center-table .last-td{
	width:100%;
}
.center-div .center-table .last-td input{
	width:45px !important;
	height:25px;
	float:right;
}

#to_list tr a,
#cc_list tr a{
	width:100%;
	height:100%;
	display:block;
	text-decoration:none;
}

#to_list tr a.selected-row,
#cc_list tr a.selected-row{
	background-color:#F6D8CE !important;
}

.custom-span{
	width:600px;
	height:22px;
	padding:0;
	position:relative;
	border:1px solid #cbc7bd;
	background-color:#fff;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;
	display:inline-block;
	margin:0;
	border-radius:5px 5px 5px 5px;
}

.custom-textbox{
	height:100%;
	margin-left:0;
	margin-right:0;
	padding-top:1px;
	padding-bottom:1px;
	font-size:12px;
	width:598px;
	border:0;
	margin:0;
	padding:4px;
	white-space:normal;
	vertical-align:top;
	outline-style:none;
	resize:none;
	border-radius:5px 5px 5px 5px;
}

/* 2016/12/14 김영진 -- 회사정보 */
#compInfo{
	width:80%;
}
#compInfo th,
#compInfo td{
	height:26px;line-height:32px;
}
#compInfo .first-tr,
#compInfo .first-tr th,
#compInfo .first-tr td{
	height:0;
}
#compInfo .h{
	text-align:right;
	padding-right:5px;
}
#compInfo .d input,
#compInfo .d select,
#compInfo .d span{
	width:100% !important;
	height:26px;
	line-height:24px;
}
#compInfo .d textarea{
	width:100%;
	height:60px;
}
#compInfo .d #r_stocAdmIdx1,
#compInfo .d #r_stocAdmIdx2{
	width:15px !important;
} 
#compInfo .d select{
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	background:url('../jquery/easyui-1.4/themes/ui-pepper-grinder/images/combo_arrow.png') no-repeat 100% center;
	padding:0;
	padding-left:4px;
}

.accountInfo{
	width:99% !important;
	/*border-top:1px solid #e1e8ed;*/
}
.accountInfo .h{
	padding-right:10px !important;
}
.emptyColumn{
	background-color:#f7f7f7;
}
.accountInfo-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:25px;
	background-color:#E8E5E5;
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	margin:0;
	padding:0;
    color:#1f1f1f;
    border-collapse:separate;
    font-weight:bold;
    text-align:center;
    line-height:25px;
    cursor:auto;
    z-index:9999999;
    border-bottom:1px solid #eee;
}
#account-layout .layout-expand-east,
#account-layout .layout-expand-east .panel-header,
#account-layout .layout-expand-east .panel-body{
	display:none;
}
#compInfo .txt-center,
#compInfo .combo input{
	text-align:center;
}
#compInfo .txt-right{
	text-align:right;
}
#compInfo .textbox-addon-right a{
	position:absolute;
	top:0;
	right:0;
}

.linkbutton-120,
.linkbutton-120 span{
	width:120px !important;
}

.compView{
	width:188px;
	height:69px;
	display:none;
}
.userView{
	width:125px;
	height:175px;
	display:none;
}
.compView:hover{
	cursor: pointer;
	background-color:#dadada;
}
.input-img-data{
	height:70px; text-align:center;padding-top:0px;padding-bottom:0px;
}
.input-img-data:hover{
	cursor: pointer;
	background-color:#dadada;
}
.imgCompMark{
	width:100%;
}
.imgCompSeal{
	width:100%;
	
}
.imgBottLogo{
	width:100%;
	
}

.ledgerEmp{
	width:80px;
}
.ledgerNum{
	width:120px;
}

#item-search-dialog .datagrid .pagination table td:nth-child(3){display:none;}
#item-search-dialog .datagrid .pagination table td:nth-child(11){display:none;}
/* #cust-search-dialog .datagrid .pagination table td:nth-child(3){display:none;} */
#cust-search-dialog .datagrid .pagination table td:nth-child(13){display:none;}
#cust-search-dialog .datagrid .pagination .pagination-info{display:none;}

.forcedLeft{left:2px !important;}
.forcedTop{top:2px !important;}
::-webkit-scrollbar { -webkit-appearance: none;} 
::-webkit-scrollbar:vertical { width: 1px; } 
::-webkit-scrollbar:horizontal { height: 1px; } 
::-webkit-scrollbar-thumb { background-color: #9C9B9B; border-radius: 10px; border: 2px solid #ffffff; } /* 원래색상: #f3f7fb */
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.datagrid-body::-webkit-scrollbar { -webkit-appearance: none;} 
.datagrid-body::-webkit-scrollbar:vertical { width: 12px; } 
.datagrid-body::-webkit-scrollbar:horizontal { height: 12px; } 
.datagrid-body::-webkit-scrollbar-thumb { background-color: #9C9B9B; border-radius: 10px; border: 2px solid #ffffff; } /* 원래색상: #f3f7fb */
.datagrid-body::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

.combo-panel::-webkit-scrollbar:vertical { width: 10px; } 


/* 2018/08/06 박민혁 -- 2단메뉴 */
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* 2018/08/10 박민혁 -- 서브메뉴 2단메뉴 */
.tree-level3 {
	display:none;
	/*background-color:#ccc;*/
}
.tree-level4 {
	display:none;
	/*background-color:#e8e5e5;*/
}
.tree-level4:hover {
	display:block;
}
.tree-level3>.tree-indent {
	width: 30px;
}
.tree-level4>.tree-indent {
	width: 45px;
}
.tree-submenu-icon-angle-right {
	float: right;
}

/* 2018/08/31 박민혁 -- 테이블 중간 타이틀 */
.table-subtitle {
	height: 24px;
	border-bottom: 1px solid #8a8a8a;
	background-color: #E8E5E5;
	color: #1f1f1f;
    border-collapse: separate;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    cursor: auto;
}

select#topMenuCurrUnit {
	width: 60px;
	height: 20px;
	margin-right:40px;
  	/*background-image: url('../jquery/easyui-1.4/themes/ui-pepper-grinder/images/combo_arrow.png');*/
  	background-position: center center;
  	background-color: #002658;
  	border: none;
  	font-weight: bold;
  	font-size: 18px;
}
.topMenuHelp {
	width: 20px;
	height: 20px;
	background-image: url('../images/order_cart.png');
  	background-position: center center;
  	background-color: #002658;
}
.top-menu-icon {
	color: #ffffff;
}

/* 2018/08/31 박민혁 -- 동호회관리 약관 테이블 */
.community-terms-table{border-collapse:collapse;position:absolute;bottom:38px;}
.community-terms-table th{background-color:#f5f5f5;padding:10px;width:110px;text-align:right;}
.community-terms-table td{border-left:1px solid #ccc;}
.community-terms-table tr{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}