*{padding:0;margin:0;}
ul{list-style:none;}
img{vertical-align:top;}
/*margin*/
.marginRight{margin-right:10px;}
.marginLeft{margin-left:10px;}
.marginTop{margin-top:10px;}
.marginTop5{margin-top:5px;}
.marginBottom{margin-bottom:10px;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
/*float*/
.floatLeft{float:left;}
.floatRight{float:right;}
/*width*/
.width15{width:15%;}
.width47{width:47%;}
.width49{width:49%;}
header {
    background:#323a45;
    height:65px;
    width:100%;
    margin:0 auto;

}

header nav{
    margin-left:200px;

}

/*header .k-menu .k-popup .k-item.k-state-default .k-link{*/
header .k-menu .k-item.k-state-default > a.k-link {
    color: #c4c4c4;
}

header .k-menu .k-item.k-state-selected > a.k-link {
    color: #F9A053;font-weight:bold;
}

header .k-menu .k-item.k-state-hover > a.k-link {
    color: #fff;
}

header .k-menu .k-item.k-state-default > span.k-link{
	color: #fff;
}

header .k-menu .k-item.k-state-highlight > span.k-link {
    font-weight:bold;color:#F9A053;
}

header .k-link:hover{color:#fff;}
header .k-widget, header .k-reset, header .k-header, header .k-menu, header .k-menu-horizontal {border:none;}
/*header .k-link, header .k-state-active{background:#323a45;color:#fff;border:none;}*/
header .k-link{background:#323a45;color:#c4c4c4;border:none;}
header .k-state-active{background:#323a45;color:#fff;border:none;}
.headerInner{
    min-width:1200px;
    margin:0 auto;
    height:65px;
    background:#323a45;
}

/*header .k-menu, header .k-state-default, header .k-state-border-down {color:#fff;}*/
header .k-menu{color:#fff;}
header .k-state-default{color:#fff;}
header .k-state-border-down {color:#fff;}
.k-menu .k-state-default .k-state-border-down {background:#3898e1;color:#fff;
}



.info{float:right;}
.info li{float:left;}
.info .img {width:46px;height:46px;background:#fff;border-radius:50%;text-align:center;position:relative;top:-13px;text-indent:-9999px;}
.info .name{color:#fff;margin-left:10px;}
.alarm{width:46px;height:46px;background:#fff;border-radius:50%;display:inline-block;float:right;position:relative;top:-13px;margin-left:30px;margin-right:30px;}
.alarm a {padding:0;margin:0 auto;display:inline-block;position:relative;top:10px;left:3px;text-decoration:none;color:#333;}
.alarm a:hover {color:#3898e1;background:none;}

.alarmCount {width:23px;height:23px;background:#ff7c3b;color:#fff;border-radius:50%;text-align:center;display:inline-block;position:relative;top:-40px;left:20px;font-size:14px;
}
.topTooltip{width: 140px; height: 50px; display: none; position:fixed; opacity: 1;}
.k-tooltip-button .k-i-close {background-position:-28px -16px;}

/*footer*/
.loginFooter {min-width:1200px;height:20px;line-height:20px;margin:0 auto;margin-bottom:20px;width:95%;box-sizing:border-box;padding:0 10px;}
footer {background:#fff;}
/*table*/
.table{border-collapse:collapse;border:1px solid #ccc;font-size:13px;}
.table th, table td{border:1px solid #ccc;padding:5px;}
.table th{background:#eee;}

/*conten*/
.pageTlt {font-size:18px;font-weight:normal;margin-bottom:10px;}
.pageTlt:before {width:8px;height:20px;content:'';display:inline-block;background:#3898e1;margin-right:10px;position:relative;top:3px;}
.tltBorder{border-bottom:1px solid #faa153;padding-bottom:10px;}
.srch .subTlt{font-size:13px;margin:10px 0;width:100%;}
.eapproval01{font-size:13px;margin:10px 0;width:630px;display:inline-block;}
.eapproval01_list {
    font-size: 13px;
    margin: 10px 0;
    width: 90%;
    display: inline-block;
}
.eapproval02{float:right;font-size:13px;margin:10px 0;width:38%;display:inline-block;}
.subTlt, .subTlt label{text-align:left;width:90%;margin-bottom:5px;font-size:13px;}
.subTlt:before {width:10px;height:10px;content:'';display:inline-block;background:#3898e1;margin-right:10px;}
/*search*/
.srch{background:#fff;border-top:3px solid #faa153;border:1px solid #ccc;border-top:3px solid #faa153;padding:10px;margin-bottom:10px;}
.srch_summary {
    background: #fff;
    border-top: 3px solid #fff;
    border: 1px solid #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.srch label{font-size:13px;}
.label150 label{width:140px;}
.label165 label{width:165px;}
.label100 label{width:100px;}
.label110 label{width:110px;}
.label120 label{width:120px;}
.label130 label{width:130px;}

.label70 label{width:70px;}
.input80 input{width:80%;}
.input50 input, .input50 select{width:50%;}
.srch select{margin-bottom:10px;}

.input425 input{width:425px;}
.input355 input{width:355px;}

.divGridImgUploadPop .k-widget.k-grid{float:right;width:50%;}

.blueBorderTop{border-top:1px solid #faa153;width:100%;height:0;margin:15px 0;}
.imgPop{margin-left:50px;position:absolute;bottom:280px;}
.btn-blue{border:1px solid #3898e1;border-radius:20px;padding:5px 15px;background:#fff;font-size:14px;text-align:center;font-weight:normal;}
.btn-blue:hover{color:#fff;background:#3898e1;}

.k-window-title:before{width:10px;height:18px;content:'';display:inline-block;background:#3898e1;margin-right:10px;position:relative;top:3px;}

.k-tooltip{text-align:left;}
.k-icon .k-i-close{background:Red;}

/*.site-title{
    background:#fff; 
    width:150px;height:65px;position:absolute;top:15px;}*/
.site-title{
    width:150px;height:65px;position:absolute;top:7px;}
.img_TitleLogo{
    width:190px;
}
/* 마우스 갖다대면 배경 일부가 흰색으로 변하여 아래 css 추가 */
.site-title a:hover{
    background-color: transparent;
}

/* 블로그 링크 스타일 */
.blog_Link{text-decoration:none !important; font-size:15px; color:orange;}
.blog_Link:hover{background-color:white; color:orangered;}

/*.logo{position:relative;top:13px;left:15px;}*/
/*.logo{position:relative;top:10px;left:20px;}*/
.logo{position:relative;}
/*bom*/
.bomWrap{width:100%;position:relative;}
.bomTree{width:35%;float:left;min-height:534px;}
.bomList{width:60%;float:right;position:relative;}
.bomList button{position:absolute;right:10px;top:13px;}
.bomList div{float:left;}
.bomList .noLabel{position:absolute;right:150px;top:10px;}
/*Category master*/
.categoryWrap {width:100%;position:relative;box-sizing:border-box;}
.catecoryView{width:30%;float:left;height:600px;overflow:scroll;}
.categoryList{width:60%;float:right;}
.categoryBtn{position:relative;float:left;margin-top:260px;width:6%;box-sizing:border-box;}
.categoryBtn button{margin:0 auto;display:block;margin-bottom:20px;margin-top:10px;border:1px solid #3898e1;border-radius:20px;padding:5px 10px;background:#fff;font-size:14px;text-align:center;font-weight:normal;}
.categoryBtn button:hover {color:#fff;background:#3898e1;}
/*시스템 알람 설정*/
.notificationWrap{width:100%;position:relative;}
.notificationList1{width:45%;float:left;}
.notificationList2{width:45%;float:right;}
.notificationBtn{float:left;margin-left:15px;margin-top:180px;}
/*item master popup*/
.editPopupWrap{width:100%;position:relative;overflow:hidden;}
.editPopup{width:600px;float:right;}
.editPopup div{float:left;display:inline;font-size:13px;}
.editPopupWrap .imgPop {position:absolute;bottom:5px;left:90px;}
/*chart*/
.dashboard_SmallChartWrap {min-width:1200px;}

.border{border:1px solid #ccc;padding:10px;border-radius:5px;box-sizing:border-box;}
.btnBottom{position:absolute;right:10px;bottom:10px;}
/*아이템 품목 리스트*/
.itemBomWrap{position:relative;}
.itemBomTree {float:left;width:18%;min-height:248px;font-size:13px;border-radius:5px;border:1px solid #ccc;padding:10px;}
.itemBomWrap .itemBomGrid{float:right;width:78%;height:100%;position:absolute;right:0;top:0;}

.normalWrap {background:#f5f5f5;padding:5px;box-sizing:border-box;border:1px solid #ccc;border-bottom:none;border-radius:5px 5px 0 0;}
.divTbl .k-grid, .divTbl .k-scheduler, .divTbl .k-menu, .divTbl .k-editor {border-top-left-radius:0;border-top-right-radius:0;}

.bold{font-weight:bold;}
.fontBlue{color:orangered}

.phgray::-webkit-input-placeholder {
    color:    #999;
}
.phgray:-moz-placeholder {
    color:    #999;
}
.phgray::-moz-placeholder {
    color:    #999;
}
.phgray:-ms-input-placeholder {
    color:    #999;
}

.k-tabstrip-items .k-state-active .k-link
{
	font-weight: bold;
}

/*#frmItemPriceSetting input
{
	width: 200px;
}*/

.k-item > .k-link > .k-i-arrow-s {
background:url(/Images/arrow.png) no-repeat 4px -27px;}
.k-item > .k-link > .k-i-arrow-e {
background:url(/Images/arrow.png) no-repeat 4px -11px;}
.k-item > .k-link > .k-i-arrow-w {
background:url(/Images/arrow.png) no-repeat 4px -45px;}
.k-item > .k-link > .k-i-arrow-n {
background:url(/Images/arrow.png) no-repeat 4px 3px;}

.popup_add {
    overflow:hidden;
    height:600px;
}

.popup_add_ht400 {
    overflow:hidden;
    height:400px;
}