/*- FONT STYLE -------------------*/
@font-face {
  font-family: 'NanumSquare';
  src: url('../font/NanumSquareOTF_R.otf') format('opentype');}



/*En-Font*/
@font-face{
  font-family:'Poppins-semibold';
  src: url('../font/Poppins-SemiBold.ttf')format('truetype');}

@font-face{
font-family:'Poppins-light';
src: url('../font/Poppins-Light.ttf')format('truetype');}

@font-face{
font-family:'Poppins-regular';
src: url('../font/Poppins-Regular.ttf')format('truetype');} 

@font-face{
font-family:'Poppins-medium';
src: url('../font/Poppins-Medium.ttf')format('truetype');} 

/* ------------------ FONT STYLE -*/



/* START :: BOM STYLE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.bomPopupContent{
  padding:20px; box-sizing: border-box;
  display: flex;
}
.bomLeft_area{
  width:20%; 
  font-family:'Poppins-semibold', 'NanumSquare', sans-serif;
  font-size:16px; color:#242424;
  margin-right:16px;
  border:1px solid #d5d5d5;
}
.bomLeftTitle{
	border-bottom:1px solid #d5d5d5;
	background-color:#f6f7ff;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
	text-align: left;
	padding: 8px 4px 5px 10px;
	height:44px;
	box-sizing: border-box;
}
.bomLeftTitle02{
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	background-color:#f6f7ff;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
	text-align: left;
	padding: 8px 4px 5px 10px;
	height:44px;
	box-sizing: border-box;
}
.bomRight_area{
  width:75%;
  font-family:'Poppins-regular', 'NanumSquare', 'Noto Sans KR-Regular', sans-serif;
  /*background-color:pink;*/
  flex-grow: 1;
}
.bom_gridTitle{ margin-bottom:14px; }
.bom_gridTitle > span{
	color:#888888;
	font-size:12px;
	padding:0 6px;
}


input:read-only{ 
	/*border:1px solid #bbbfbf; 
	background-color:#eef1f4;*/
	color:#202020; 
	font-family:'Poppins-regular', 'NanumSquare', sans-serif;
	font-weight:600;
	/*padding:3px 10px;*/
}
input:read-only:focus{ /* border:1px solid #bbbfbf; */ }

.bomBtn_area{
	height:40px;
	border:1px solid #d5d5d5;
	box-sizing: border-box;
	padding:5px;
}
.bomBtn_leftWrap{ float:left; }
.bomBtn_rightWrap{ float:right; }

.bomBtn_area:after{content: '';}



/*Icon*/
.minus_btn{ 
	width:15px; 
	background:url(../images/bom/minus.png) no-repeat center;
	border:none;
	vertical-align: sub;
}
.plus_btn{ 
	width:15px; 
	background:url(../images/bom/plus.png) no-repeat center;
	border:none;
	vertical-align: sub;
}
.itemIcon{
	width:20px; height:22px;
	background:url(../images/bom/item.png) no-repeat center;
	display:inline-block;
	vertical-align: text-bottom;
	margin-left:5px;
}
.bomTreeText{
	font-family:'Poppins-regular', 'NanumSquare', sans-serif;
	color:#575757;
	font-size:14px;
	text-align: center;
}
.bomTreeText_item{ /*TEXT*/
	font-family:'Poppins-regular', 'NanumSquare', sans-serif;
	font-weight:600;
	color:#575757;
	font-size:15px;
	padding-left:5px;
}
.bomTreeText_part{ /*TEXT*/
	font-family:'Poppins-regular', 'NanumSquare', sans-serif;
	color:#2d2d2d;
	font-size:14px;
	padding-left:5px;
}
.treeLevel02_line{
	width:13px; height:100%;
	display: inline-block;
	background:url(../images/bom/treeline_01.png) no-repeat top;
	vertical-align: text-bottom;
}
.treeLevel03_line{
	width:13px; height:100%;
	display: inline-block;
	background:url(../images/bom/treeline_02.png) no-repeat center;
	vertical-align: text-bottom;
}
.bomPart01{
	width:19px; height:20px;
	display:inline-block;
	background:url(../images/bom/part01.png) no-repeat center;
	vertical-align: sub;
	margin-left:5px;
}
.bomPart02{
	width:19px; height:20px;
	display:inline-block;
	background:url(../images/bom/part02.png) no-repeat center;
	vertical-align: sub;
	margin-left:5px;
}



/* bom Tree Space*/
.leftSpace3{ display:inline-block; padding-left:3px; }
.leftSpace20{ display:inline-block; padding-left:20px; }
.leftSpace25{ display:inline-block; padding-left:25px; }
.leftSpace40{ display:inline-block; padding-left:40px; }


/* TABLE */
table.bomInTable{
	width:100%;
    border-collapse: collapse;
    vertical-align:middle;
}
table.bomLeftContents, table.bomRightContents{
    width:100%;
    white-space:nowrap;
    text-overflow:ellipsis;
    border-collapse: collapse;
    vertical-align:middle;
    table-layout:fixed;
}

table.bomLeftContents td{
	border:1px solid #d5d5d5;
}


.bomInTable_area{
	padding:16px;
}
.bomInTable_th{
	font-family: 'NanumSquare'; font-weight: 600;
	color:#2f3850; font-size:15px;
	text-align: right;
	padding:5px 8px 5px 16px;
	border-right:1px solid #d8e1ec;
	white-space:normal;
}
.bomInTable_td{
	font-family:'Poppins-regular', 'NanumSquare';
	color:#3e4967; font-size:15px;
	padding:5px 8px;
	white-space:normal;
}


/* RIGHT CONTENTS TABLE*/
table.bomRightContents{clear:both;}

.bomRightContents th, .bomRightContents td{
	border:1px solid #d8dfe9;
	box-sizing: border-box;
	height:32px;
	vertical-align:middle;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:3px 12px;
}
.bomRightContents th{
	background-color:#fbfdff;
	font-size:15px;
	color:#404040;
	font-family:'Poppins-semibold', 'Noto Sans KR-Regular', sans-serif;
}
.bom_selectCell{
	background-color:#f4f7fb;
}



/* BUTTON */
.bomBtn_area > input[type='button']{
	font-family:'Poppins-semibold', sans-serif !important; 
	box-sizing: border-box; font-size:13px;
}
.bomAdd_btn{
	background:url(../images/bom/bom_add.png) no-repeat center;
	border:none;
	width:20px; height:20px;
	margin-right:5px;
	vertical-align: middle;
}
.bomDel_btn{
	background:url(../images/bom/bom_del.png) no-repeat center;
	border:none;
	width:20px; height:20px;
	margin-right:5px;
	vertical-align: middle;
}
.bomRefresh_btn{
	background:url(../images/bom/bom_refresh.png) no-repeat center;
	border:none;
	width:26px; height:21px;
	vertical-align: bottom;
}

.bomEdit_btn{ 
	background-color:#274c6c; color:#fff;
	border:none; border-radius: 3px;  
	padding:3px 10px;
}
.bomSave_btn{ 
	background-color:#b8cee5; color:#2e3b4a;
	border:none; border-radius: 3px;  
	padding:3px 10px;
}
.bomExcelUpload_btn, .bomExcelDownload_btn{
	background-color:#f5f5f5; 
	border:1px solid #d3d3d3; border-radius: 3px;
	color:#575757;
	background-image:url(../images/bom/excel.png);
	background-repeat:no-repeat;
	background-position:8px center;
	padding: 3px 10px 3px 28px;
}



/* END :: BOM STYLE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/