/*
* 속성 옵션 창
*/
.component-information {
    position:fixed;
    right:30px;
    top:140px;
    width:240px;
    z-index:10;
    font-family: "Nanum Barun Gothic Normal";

}

.component-information .info-header {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left:8px;
    padding-right:8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: var(--gray-darkish);
    color:white;
    font-size:16px;

}

.component-information .info-body {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--gray-Brighter);
    padding: 15px 20px;

}


.component-information .input-group:first-child {
    margin-top:0px;
}

.component-information .input-group {
    margin-top:10px;
}

.component-information .input-tag {
    vertical-align: middle;
    margin-right:10px;
    top:0px;
    width: 50px;
    font-size:14px;
    color: var(--gray-darker);

}
.component-information .input-content{
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid var(--gray-darkish);
    padding-left:8px;
    padding-right:2px;
    outline: none;

}

.component-information input[type="text"],
.component-information input[type="number"]{
    outline: none;
    width: 120px;
    height: 20px;
}
.component-information input[type="file"]{
    background-color: var(--gray-darkish);
    border-radius: 4px;
    font-size: 10px;
    outline: none;
    width: 120px;
    height: 20px;
}

.input-group textarea{
    width: 120px;
    max-width: 120px;
    min-width: 120px;
    
    height: 48px;
    min-height: 48px;
    
    z-index:120;
}
.input-group select{
    border-radius: 4px;
    border: 1px solid var(--gray-darkish);
    padding-left:8px;
    outline: none;
    width: 132px;
    height: 24px;
    
    -webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none;
	 appearance: none;
	
	background: url("/img/circuit/selectBoxAppreance_gray.svg") no-repeat 95% 50%;
	 background-color:white;
	 /* 화살표 모양의 이미지 */ 
 }