.circuit_body{
    /* overflow: hidden; */

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

#circuit_loding_box{
    display: flex; /*flex*/
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--main-color);
    z-index: 9999;

    top:0;right:0;bottom:0;left:0;
    align-items:center;
    justify-content:center;
    -webkit-align-item:center;
    -webkit-justify-content:center;
}

#circuit_loding_box > svg{
	padding: 0px 40px;
};


/*
* <symbol> 엘리먼트
*/
.svgSymbol {
    position: absolute; top: 0; left: 0px;
}

/*
* 회도로 창, 그리드
*/
.circuitGrid {
    position: fixed;
    top: 0;
    left: 0;
    z-index:5;
    width: 100%;
    height: 100%;

}

/*
* 임시 사용 영역
*/
.tempArea {
    top: 0; left: 0; width: 0; height: 0;
}

/*
* 포인트 마커
*/
.pointMarker {
    top: 0; left: 0;/*  z-index: 9999; */
}



/*
* 이미지 파일
*/
.imageOutside {
    position: absolute; z-index: 2000;
    top: 0; left: 0;
}
.imageInput {
    position: relative; z-index: 2000;
    top: 0; left: 0;
}
/*
* bootstrap에서 1픽셀을 사용하며 <image>에 영향을 미치므로 0으로 설정한다.
*/
.imgMinus {
    position: absolute; top: 0px; left: -10000px;
    line-height: 0;
    border-image-width: 0;
}

/*
* <textarea>에 입력한 텍스트의 width, height 구할 때 사용한다.
*/
.textMinus {
    position: absolute; top: 0px; left: -10000px;
}

.circuit_saverLogo{
	position: absolute; top: calc(50% - 24px); left: calc(50% - 109px); z-index:100000;
}