@charset "utf-8";

/* 초기화 */
html {
	overflow-y: scroll
}

body {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	
	font-family: 'Apple SD Gothic Neo','Malgun Gothic',arial,sans-serif;
	background: #fff
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
	margin: 0;
	padding: 0;
	border: 0
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-family: 'Malgun Gothic', dotum, sans-serif
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	menu, nav, section {
	display: block
}

ul, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

label, input, button, select, img {
	font-size: 1em
}

input, button {
	margin: 0;
	padding: 0;
	font-family: 'Malgun Gothic', dotum, sans-serif;
	font-size: 1em
}

input[type="submit"] {
	cursor: pointer;
	padding: 5px;
}

input[type="button"] {
	cursor: pointer;
	padding: 5px;
}




button {
	cursor: pointer
}

textarea, select {
	font-family: 'Malgun Gothic', dotum, sans-serif;
	font-size: 1em
}

select {
	margin: 0
}



p {
	margin: 0;
	padding: 0;
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 1.1em
}

a {
	color: #000;
	text-decoration: none;
}

a:hover img {
	box-shadow: 0px 0px 10px 2px #90947F;
}




*, :after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text], input[type=password], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus,
	select:focus {
	-webkit-box-shadow: 0 0 5px #9ed4ff;
	-moz-box-shadow: 0 0 5px #9ed4ff;
	box-shadow: 0 0 5px #9ed4ff;
	border: 1px solid #558ab7 !important;
}


.placeholdersjs {
	color: #aaa !important;
}



.only_hidden {
	display: none;
}

/* 이거 진짜 유용한것 잘 놔두자....................
#menu {
	
	width:1000px;
	margin:0px auto;
	height:60px; 
	 float: right;
    position: relative;
    left: -50%;
    
	
	
}

*/
.display_none {
	display: none;
}

.popuplink:hover
{
	color:#f00;
}



.number_output {text-align:right; padding-right:7px;}

#menu_wrapper {
	
	
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	/*background-color: #fff;*/
	color: #0B0202;
	padding-top: 0px;
	
	z-index: 1000;
	box-shadow: 0px 0px 20px 3px #dcdcdc;
	


-webkit-backdrop-filter:saturate(180%) blur(20px);
	-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.65);
}

#menu {
	background-color: #fff;
	color: #0B0202;
	padding-top: 0px;
	z-index: 100;
}

#menu ul {
	text-align: center;
}

#menu ul li ul {
	position: absolute;
	display: none;
	-webkit-backdrop-filter:saturate(180%) blur(20px);
	-webkit-backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.9);
	/*margin-left: -100px;*/
	color:#fff;
}

#menu ul li:hover ul {
	display: block;
}

#menu ul li.selected ul a {
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



#main_logo #logo_div img {
	height: 32px;
}



#main_logo {
	
	z-index: 901;
	display:block;
	float:left;
}

#main_logo #logo_div {
	min-width: 110px;
	margin:10px;
	
	height: 32px;
	background: url(../image/logo_white_red_for_main_top.svg) no-repeat;
	background-size: contain;
}


#main_logo #logo_div img {
	height: 32px;
}




#menu_center
{
	padding-left:10px;
	
}




#menu ul li img {
	width: 100px;
}



#menu ul li ul
{
	
	width:180px;
}

#menu ul li ul li
{
	width:180px;
	text-align:left;
}

#menu ul li ul li a
{
	width:100%;
	
}

.hidden_menu ul li {
	
	display:none;
	padding: 0px;
}


.show_menu ul li {
	display: inline-block;
	padding: 0px;
	float: left;
}





#mobile_setting_menu_btn
{
	float:right;
	padding:10px;
}
#mobile_setting_menu_icon
{
	width:30px;
	height:30px;
	
	background-image: url(../image/design_01/list_gray.svg);
	
	
}





#menu ul li a {
	font-size: 1.5em;
	color: #888;
	padding: 15px 20px;
	display: inline-block;
	font-weight: bold;
}

#menu ul li.selected a {
	color: #fff;
	padding: 15px 20px;
	display: inline-block;
	background-color: #1B2685;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}

#menu ul li a:hover {
	background-color: #0B0202;
	color: #fff;
}

#menu ul li.selected a:hover {
	background-color: #0B0202;
	color: #fff;
}

#menu ul li.selected   ul li a {
	color: #888;
	padding: 15px 20px;
	display: inline-block;
	background-color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



#menu ul li.selected   ul li.selected a {
	color: #fff;
	padding: 15px 20px;
	display: inline-block;
	background-color: #1B2685;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 0 10px #000000;
}




#sub_menu_for_main {
	height: 100px;
	padding-top: 70px;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 20px 3px #dcdcdc;
	z-index: 90;
	display: none;
}

#setting_menu a #sub_ex_baloon
{
	font-size:0.7em;
	min-width:200px;
}

@media all and (min-width: 1401px) {
	
	#setting_menu
	{
		display:block;
		
	}
	#mobile_setting_menu_btn
	{
		display:none;
	}
	
	#setting_menu ul li a
	{
		position:relative;
		color: #bbb;
	padding: 15px 7px;
	
	border-right:1px solid #ccc;
	}
	
	
	
	#setting_menu a #sub_ex_baloon
	{
		top:60px;
		right:0px;
		
	}
	
	
	
	
	
	
}




@media all and (max-width: 1400px) {
    
	
	
	#setting_menu
	{
	
		
		display:none;
		position:absolute;
		
		right:0px;
		top: 54px; 
		
		
		
		    box-shadow: 0px 0px 20px 3px #dcdcdc;
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
   
	
	
	
	
	}
	#setting_menu ul li
	{
	
		
		text-align:left;
		clear:both;
		
		 backdrop-filter: saturate(180%) blur(20px);
    	background-color: rgba(255,255,255,0.95);
	}
	
	#setting_menu ul li a
	{
	
	position:relative;
		width: 140px;
		padding:15px;
		color: #888;
		z-index:999;
		border-bottom:1px solid #ccc;
	}
	
	
	#mobile_setting_menu_btn
	{
		display:block;
	}
	
	
	#setting_menu a #sub_ex_baloon
	{
		top:60px;
		right:0px;
	}
	
	
	
	
}




#setting_menu
{
	float:right;
	
}
#setting_menu ul li
{
	float:right;
}
#setting_menu ul li a
{
	font-size: 1.5em;
	
	display: inline-block;
	font-weight: bold;
	
	
}

#setting_menu ul li:first-child a
{
	border-right:none;
}
#setting_menu ul li a:hover
{
	background-color: #0B0202;
	color: #fff;
}

	
	
#setting_menu ul li.selected a
{
	 color: #fff;
    padding: 15px 20px;
    display: inline-block;
    background-color: #1B2685;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}


#develop_menu {
	float:right;
	display:block;
}

#develop_menu ul li
{
	float:right;
}

#develop_menu ul li a
{
	font-size: 1.2em;
	color: #888;
	padding: 15px 20px;
	display: inline-block;
	font-weight: bold;
}











#sub_menu_for_main div {
	display: inline-block;
}

#sub_menu_for_main li {
	display: inline-block;
}

#sub_menu_for_main li a {
	padding: 10px 5px;
	display: inline-block;
}

#side_menu {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 100%;
	color: #fff;
	padding: 70px 0px 10px 0px;
	color: #fff;
	display: inline-block;
	background-color: #1B2685;
	-moz-box-shadow: inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow: inset 0 -5px 10px #000000;
	display: none;
}

#side_menu ul li a {
	color: #fff;
	padding: 7px 5px 7px 10px;
	display: inline-block;
	width: 100%;
	font-size: 1.2em;
}

#side_menu ul li a:hover {
	background-color: #fff;
	color: #0B0202;
}

#wrapper {
	margin-top:70px;
	
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align:center;
}

.main {
	padding: 30px 150px 0 150px;
}

.basic {
	padding: 30px 150px 0 150px;
}

.table_in_cell tr.search_line_tr
{
	background-color: #fff !important;
}
.table_in_cell tr.search_line_tr td#search_line {
	height: 0px !important;
	padding: 0;
	margin: 0;
}

.table_in_cell .addline_top td {
	height: 0px !important;
	padding: 0;
	margin: 0;
}

table td input[type="button"] {
	background-color: #B1241A;
	font-weight: bold;
	color: #fff;
	font-size: 1em;
	width: 100%;
	padding: 10px 5px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
}


.edit_input_cell input[type="color"] {
	
	width: 160px;
	height: 25px;
	padding:0px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
}

input[type=file] {
	width: 370px;
}

#file_input_in_fileSelect {
	width: 470px;
	height: 30px;
	padding: 5px;
}

a#plus_next_step {
	display: block;
	padding:8px 10px;
	margin:3px 5px;
	background-color: #0B0202;
	color: #fff;
	border-radius: 5px;
	white-space: nowrap;
	font-weight:bold;
}

a#plus_next_step
{
	
}

a#plus_next_step:hover {
	display: block;
	background-color: #1B2685;
	color: #fff;
	box-shadow: 0px 0px 10px 2px #90947F;
}


a.nolist
{
	background-color: #3AAFA9 !important; 
}
a.nolist:hover
{
	background-color: #1B2685 !important; 
}

#form_admin button:hover {
	background-color: #69512F;
	color: #480A55;
	box-shadow: 0px 0px 10px 2px #90947F;
}

table td input[type="button"]:hover {
	background-color: #fff;
	color: #F0C900;
	box-shadow: 0px 0px 10px 2px #90947F;
}

a#admin_reg {
	margin-top: 100px;
}


.fullWidth
{
	/*width:100%;*/
}




/*table 관련 기본 */
#wrapper .fls_wrapper_cell {
	
	
	
	border-radius: 1em;
	display:inline-block;
	padding: 20px 20px;
	box-shadow: 0px 0px 30px 2px #ddd;
	
	position: relative;
	    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20
px
);
    background-color: rgba(255,255,255,1);

}




.status_graph  #status_date_chooser {
	width: 100%;
	margin: 0 0 20px 10px;
	float: left;
	display: block;
	font-size:1.2em;
}

.Date_Search_area
{
	display:none;
	
	
}

.fls_wrapper_cell #status_date_chooser .oneday_btns a {
	float: left;
	padding: 9px 20px;
	font-weight: bold;
	color: #fff;
	display: block;
	background-color: #47516B;
	margin-left: 1px;
}

.fls_wrapper_cell #status_date_chooser .oneday_btns a:hover {
	background-color: #000;
}

.fls_wrapper_cell h4 {
	font-size: 2em;
	font-weight: bold;
	color: #999;
	text-align: center;
	margin-bottom: 5px;
	border-bottom: 1px solid #a9a9a9;
	white-space: nowrap;
}

.fls_wrapper_cell h4 a #sub_ex_baloon
{
	font-size: 0.7em;
}

#top_btn_search_plus_area a #sub_ex_baloon
{
	right:0px;
}

.top_btn_area div
{
	padding:0 5px;
}





.fls_wrapper_cell #title_search_btn #show_search_btn_a
{
	display:block;
}


.fls_wrapper_cell #title_search_btn #close_search_btn_a
{
	display:none;
}


.fls_wrapper_cell #title_manual_btn a
{
	float:left;
	padding:0 5px;
}



.table_in_cell tr#id {
	display: block;
}





.table_in_cell thead tr .search_title {
	display: none;
}

.table_in_cell thead tr .search_title label {
	display: block;
}


.table_in_cell thead tr .search_title .edit_input_cell {
	padding: 3px;
	width: 100%;
	display: block;
}

.table_in_cell thead tr .search_title .edit_input_cell select {
	width: 100%;
	padding: 4px 20px 4px 2px;
}

.table_in_cell thead tr .search_title .edit_input_cell input {
	
	width: 100%;
	padding: 4px;
}



.temp_popup .textarea_output_value p{
	
	font-size:1.3em;
}
.textarea_output_value a .long_text_show_by_popup
{
	
	display:none;
}

.textarea_output_value a:hover .long_text_show_by_popup
{
	display:block;
}


.table_in_cell tr {
	height: 1px;
}

.table_in_cell .odd_tr {
	background-color: rgba(244,244,244,0.4);
}



.serch_head_pageView_tr
{
	background-color:#fff !important;
	border-top: none ;
}

.table_in_cell tr td {
	padding: 2px 3px;
	border-right: 1px solid #dedede;
	position:relative;
}

.table_in_cell #red_line td {
	padding: 0px;
}

.table_in_cell #editline_td {
	padding: 0px;
}

.table_in_cell tr td:last-child {
	border-right: none;
}

.table_in_cell tr:nth-child(4n) {
	background: none;
}




.table_in_cell {
	
	
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;


	overflow: auto;

}

.table_in_cell thead tr:first-child {
	background-color: #fff;
}


.input_select {
	display: block;
}

.inputSelectbtn {
	font-size: 1em;
}

.table_in_cell th {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;

	white-space: nowrap;
	color: #000;
}



.table_in_cell th#name
{
	max-width:100px;
}

.table_in_cell th a {
	display: block;
	width: 100%;
	height: 100%;
	color: #111;
	font-weight: bold;
}

.table_in_cell th a:hover
{
	color:#f00;
}

#red_line {
	height: 1px;
	background-color: #1B2685;
}

.table_in_cell th#id {
	/*display:none;*/
	max-width: 100px;
}

#contents_id {
	font-size: 1.4em;
	color: #343434;
	/*display:none;*/
}

.table_in_cell tbody {
	width: 100%;
	/*height: 500px;*/
	overflow-y: auto;
}

tr#addbtn {
	background: none !important;
}

.table_in_cell td {
	text-align: center;
	font-size: 1.2em;
}

.table_in_cell td .data_in_table
{
	font-size: 0.8em;
	
}

span.time_second_text {
	float: left;
	padding: 5px;
	display: none;
}

#totalCount {
	font-size: 1.5em;
	font-weight: 100;
	padding-left: 50px;
	text-align: left;
}

.equ_cost_name
{
	font-size: 1.5em;
    font-weight: bold;
}


#avg_value
{
	text-align:left;
}

.table_add_contents .value {
	font-size: 1.5em;
	font-weight: bold;
}

#admin_list #user {
	width: 200px;
	box-sizing: border-box; /*직관적으로 패딩 값 조절 가능하도록 지정*/
	padding: 20px;
	background-color: #fff;
	border-radius: 20px;
	margin: 10px;
	float: left;
}

#admin_list #user h1 {
	text-align: center;
	margin-top: 10px;
}


.process_index_file_td 
{
	display:inline-block;;
	width:100%;
	height:100%;
	vertical-align: middle;
}
#file_icon_div {
	width: 50px;
	height: 50px;
	margin: 5px;
	background: url(../image/file_icon.svg) no-repeat;
	background-size: contain;
	

}


#img_file_thumnail
{
	position:relative;
	display:block;
}


#movie_file_with_thumnail
{
	position:relative;
	display:block;
}
#movie_icon_div {
	position:absolute;
	top:0px;
	width: 25px;
	height: 25px;
	background: url(../image/movie_icon.svg) no-repeat;
	background-size: contain;
}


#Process_Standrd_table #picture_icon_div
{
	position:absolute;
	top:0px;
	width: 25px;
	height: 25px;
	background: url(../image/picture_icon.svg) no-repeat;
	background-size: contain;
}

#simple_value_for_number_process_index {
	font-weight: bold;
	font-size: 2em;
	/*float:left;*/
	 
}

.simple_value
{
	 white-space: nowrap
}

/*편집용 form -------------------------------------------------------*/
.form_label {
	min-width: 250px;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
	color: #9a9a9a;
}

.form_label a {
	color: #9a9a9a;
}

.no_list a{
	color:red;
}

#selected_first {
	color: #777;
	padding-right: 15px;
}

#editline_tr {
	height: 0px;
}



.table_in_cell tr:last-child {
	border-bottom: 1px solid #dedede;
}

.contents_td td {
	border-top: 1px solid #f5f5f5;
}

#editline td {
	border: none;
}

.edit_input_cell {
	text-align: left;
	float: left;
	margin: 5px 0px;
	padding: 3px 10px;
	border-right: #ddd 0px solid;
	
	display: block;
	flex-direction: column;
}

.edit_input_cell #last_process_yn {
	border-color: #B1241A;
}

.edit_input_cell #op_id {
	borde-color: #B1241A;
}

.edit_input_cell  #send_yn {
	borde-color: #B1241A;
}

#editline #editline_td {
	border-top: none;
	height: 1px;
	padding: 0px;
	width: 100%;
}

.addtop_btn_area td {
	padding: 0;
	margin: 0;
}

.deleted_line {
	text-align: center;
	
}


#edit_input_cell_serch_title
{
	clear:both;
	width:100%;
}

#edit_input_cell_serch_title input, 
#edit_input_cell_serch_title textarea, 
#edit_input_cell_serch_title select
{
	
	margin-top: 5px;
	min-height:30px;
	font-size:1em;
	
	width: 90%; 
	margin-left:5%;
	padding: .3em .3em; 
	font-family: inherit; 
	border: 1px solid #999;
	border-radius: 5px; 
}



#search_title_btn
{
	
	padding: 5px 20px 4px 20px;
    font-size:1.4em;
    background-color: #B1241A;
    font-weight: bold;
    color: #fff;
    border: none;
    border-radius: 5px;
    float:right;
}

.edit_input_cell input, select, textarea {
	
	
	display: block;
	
	padding: .5em  .5em ; 
	font-family: inherit; /* 폰트 상속 */
	border: 1px solid #999;
	border-radius: 5px; /* iOS 둥근모서리 제거 */
	
}


.edit_input_cell select
{
	padding: .5em 3em .5em .5em;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none; 
}


.edit_input_cell select {
	
	background:
		url('../image/design_01/select_arrow.svg')
		no-repeat 95% 50%; 
	background-size:25px;
	
}





input[readonly]
{
	border: 0px !important;
}

textarea[readonly]
{
	border: 0px !important;
}


.edit_input_cell .textarea_input {
	min-width: 540px;
}


select::-ms-expand {
	display: none;
}

#editline .editview_in_table .form {
	margin: 20px;
	text-align: left;
	font-size: 1em;
}

#cancel_btn {
	font-size: 1.3em;
	background-color: #3AAFA9;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	margin: 10px;
	cursor: pointer;
	padding: 6px;
	float: left;
	width: 20%;
}


#delete_btn {
	font-size: 1.3em;
	background-color: #808080;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	margin: 10px;
	cursor: pointer;
	padding: 6px;
	float: left;
	width: 20%;
}

#EditPopup #cancel_btn {
	display: none;
}

#EditPopup .fls_wrapper_cell #cancel_btn {
	display: block;
}

#EditPopup h4 {
	font-size: 2em;
	font-weight: bold;
	color: #999;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #a9a9a9;
	white-space: nowrap;
}

#save_edit_done_btn {
	clear: both;
	font-size: 1.3em;
	background-color: #B1241A;
	font-weight: bold;
	color: #fff;
	border: none;
	border-radius: 5px;
	margin: 10px;
	cursor: pointer;
	padding: 6px;
	float: right;
	width: 40%;
}

#count_value {
	color: #B1241A;
}

#contents_made_count {
	position:relative;
	
}

/*----------------------수정 삭제 복사 버튼 -------------------------*/
.fls_wrapper_cell #edit_th {
	width: 150px;
}

#edit_del_btn_td {
	max-width: 150px;
}

#edit_del_btn_td ul {
	text-align: center;
}

#edit_del_btn_td ul li {
	display: inline-block;
}

#edit_del_btn_td a {
	text-align: center;
	padding: 5px;
	display: inline-block;
	border-radius: 10em;
	background-color: #fff;
	box-shadow: 0px 0px 10px 1px #eee;
}

#edit_del_btn_td a:hover {
	background-color: #000;
	color: #F0C900;
	box-shadow: 0px 0px 10px 2px #90947F;
}



#edit_del_btn_td a {
	display: inline-block;
	margin: 3px;
	float: right;
}

#btn_img_edit {
	background: url(../image/design_01/edit_icon_black2.svg);
	background-size: 100% 100%;
}

#btn_img_delete {
	background: url(../image/design_01/del_icon_black.svg);
	background-size: 100% 100%;
}

#btn_img_copy {
	background: url(../image/design_01/copy_icon_black.svg);
	background-size: 100% 100%;
}


#btn_img_copy {
	background: url(../image/design_01/copy_icon_black.svg);
	background-size: 100% 100%;
}

#edit_new_page_btn_Img {
	background: url(../image/design_01/edit_icon_new_page_black.svg);
	background-size: 100% 100%;
}


#more_btn_Img {
	background: url(../image/design_01/show_more_icon_black.svg);
	background-size: 100% 100%;
}


.makeEditDelCopy_btn_ul_li a .btn_img {
	width: 32px;
	height: 32px;
	padding: 7px;
}


.makeEditDelCopy_btn_header_edit a .btn_img {
	
	height: 32px;
	padding: 7px;
}

/*----------------------각각의 ------------------------cell Sytle-------------------------*/
#showParentsObject {
	float: left;
	display: block;
	
}

.selected_parents_header {
	display: block;
	float: left;
	/*height:100px;*/
	padding: 0px 10px;
	display: inline-block;
	border-radius: 1em;
	

	/*background-color: #fff;*/
	/*box-shadow: 0px 0px 10px 1px #eee;*/
}

.selected_parents_header .header_code_cell {
	float: left;
	padding: 0px 15px;
	display:inline-block;
}
.selected_parents_header .header_code_cell:first-child
{
	padding-left: 0px;
}

.selected_parents_header #name_lavel {
	font-size: 1.15em;
	color: #999;
	/*margin-bottom:5px;*/
}

.selected_parents_header #value_label {
	/*font-size: 1.3em;*/
	margin-top: 5px;
	margin-left: 5px;
	
	font-weight: bold;
	/*max-width: 250px;*/
	min-height:100px;
}


.selected_chooseID #select {
	background-color: #3AAFA9;
}

.send_loading {
	width: 34px;
}





/*---------------------------------라디오 버튼-------------------------------------------------*/
.edit_input_cell_radio_btn {
	width: 400px;
}


#value_label .imgThumbnail {
	
	width: 70px;
	height: auto;
}

#primary_select {
	padding-left: 10px;
	font-weight: bold;
	position: relative;
}

#primary_select #show_in_table_td_for_parentsObject {
	text-align: center;
}

#primary_select #show_in_table_td_for_parentsObject img {
	max-width: 50px;
	border-radius: 100px;
}

#value_per_wrapper {
	display: block;
}

#total_count {
	color: #999;
	font-weight: 100;
}

#total_count #total_value {
	color: #000;
	vertical-align: bottom;
	font-weight: bold;
	color: #000;
}

#all_Value {
	color: #B1241A;
	float: left;
	font-size: 1.3em;
	font-weight: 100;
	display: block;
	padding: 10px;
}

#all_Value #total_value {
	font-weight: bold;
}


#checkboxlabel {
	clear: both;
	text-align: center;
}

#check_box_area {
	width: 100%;
	text-align: left;
	display: block;
}

.editview_in_table .jasonData_for_workorder_inputCellDIV_Class {
	border-top: dashed 3px #e3e3e3;
	border-bottom: dashed 3px #e3e3e3;
	padding-bottom: 10px;
	width: 100%;
	
	float:left;
}

.editview_in_table .jasonData_for_workorder_inputCellDIV_Class .check_select_box
	{
	
	float: left;
	line-height:1em;
}

.check_select_box {
	display:inline-block;
	margin:5px 20px 5px 0px;
	
	position: relative;
}

.check_select_box input
{
	min-width:100px;
}

#work_order_goal_number {
	width: 100px;
	text-align:right;
}



.check_select_box #value_id #id {
	color: #999;
}

.check_select_box #work_order_goal_number {
	/*width: 180px;*/
	padding: 5px;
	text-align: right;
}

.check_select_box .input_checkBox {
	min-width: 20px;
	width: 25px !important;
	min-height: 30px !important;
	margin-right: 5px;
	float: left;
}


#allCheck .input_checkBox {
	min-width: 20px;
	width: 25px !important;
	min-height: 30px !important;
	margin-right: 5px;
	float: left;
}

.check_select_box #checkbox_jasonData_for_order_number_of_design {
	min-width: 20px;
	width: 20px !important;
	min-height: 20px !important;
	margin-right: 15px;
	float: left;
}

.checkBox_cell {
	font-size: 1em;
	min-width: 100px;
	border: none !important;
	background: none !important;
}

.checkBox_cell td {
	border: none !important;
}

.checkBox_cell .checkBox_cell_name {
	border: none;
	color: #777;
	
	text-align: left;
}

.checkBox_cell .checkBox_cell_value {
	
	text-align: left;
}







/*---------------------------그래프-----------------------*/



#status_date_chooser label {
	margin-top: 5px;
	float: left;
	display: block;
}

#status_date_chooser div {
	float: left;
	display: block;
}

#status_date_chooser label, #status_date_chooser input {
	padding: 6px;
	font-weight: bold;
}

#status_date_chooser  #fromto_text {
	padding: 5px;
	font-weight: bold;
	display: block;
	border: none;
}

#status_date_chooser #btns input {
	margin: 0 10px;
	padding: 8px 20px 7px 20px;
}

#submit_btn {
	font-weight: bold;
}

#reset_btn {
	font-weight: bold;
}

#left_number {
	float: left;
	display: block;
	min-width: 50px;
	border-right: solid 0px #000;
	text-align: right;
	margin-left: -50px;
}

#left_number #per_number {
	padding-right: 5px;
	font-size: 1.5em;
	position: relative;
}

#left_number #per_number #number_in_left_number {
	position: absolute;
	right: 10px;
	top: -10px;
}

#back_line {
	width: 100%;
	position: absolute;
	z-index: -100;
}

#back_line #per_line {
	width: 100%;
	border-top: 0px solid #eee;
	display: block;
}

#back_line #per_line:nth-child(odd) {
	background-color: #464646;
}

#test_statu {
	position: absolute;
	bottom: 0px;
	right: 20px;
	height: 20px;
	text-align: left;
	display: none;
}






#login_form {
	width:500px; margin:50px auto 10px auto; clear:both;
	display:inline-block;
}

#form_admin {
	width: 700px;
	margin: 100px auto;
	box-sizing: border-box; /*직관적으로 패딩 값 조절 가능하도록 지정*/
	padding: 17px 22px 20px 22px;
	
	box-shadow: 5px 5px 20px 2px rgb(255, 255, 255);
	border-radius: 50px;
	bottom: 50px;
	
	-webkit-backdrop-filter: saturate(180%) blur(20px);


	    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.55);
}

#form_admin label {
	font-size: 1.5em;
	color: #aaa;
	padding: 5px 10px;
}



@media screen and ( max-width: 768px ){
	
	
	#logo_img_for_main img {
	
		width:300px !important;
	}
	#form_admin {
	
		width:100% !important;
	}
	#login_form {
		width:100%;
		
	}
	
	#form_admin #login_form {
		width:100%;
	}
	
	#form_admin #login_form input {
		width:100%;
		margin-bottom:10px;
	}
	
	#form_admin #login_form button {
		width:100%;
	}
}




#form_admin input {
	width: 190px;
	height:42px;
	padding: 7px 5px 7px 5px;
	font-size: 1.7em;
	border: none;
	
	background-color: #fff;
	float: left;
	margin:0px;
	border-radius: 5px;
}






#form_admin #login_button {
	background-color: #1B2685;
	height:42px;
	
	width:100px;
	color: #fff;
	font-size: 1.6em;
	padding: 7px 5px 7px 5px;
	
	right: 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	float:left;
	margin:  0px;
}


#form_admin h4 {
	font-size: 3em;
	text-align: center;
}



#form_admin input#id_check {
	font-size: 1em;
	background-color: #F0C900;
	font-weight: bold;
	color: #69512F;
	border: none;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

#logo_img_for_main {
	display:inline-block;
	min-height: 200px;
	max-height: 300px;
	margin: 30px auto 20px auto;
}
#logo_img_for_main img {
	max-width:500px;
	min-width:300px;
}

#text_img_for_main {
	width:500px;
	text-align: center;
	font-size: 3em;
	color: #070201;
	margin:0px auto;
	font-weight: bold;
}

.inputSelectbtn {
	border: none !important;
	margin-bottom: 5px;
}

#EditPopup {
	padding: 10px 20px;
	position: absolute;
	top: 200px;
	left: 200px;
	width:50%;
	box-shadow: 0px 0px 20px 2px #90947F;
	
	-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.69);

	display: none;
	z-index: 100;
	border-radius: 2em;
	cursor: move;
}

#EditPopup .table_in_cell {
	min-width: 500px;
}

#EditPopup_toSelectParentsObject {
	padding: 40px 20px;
	position: absolute;
	box-shadow: 0px 0px 20px 2px #90947F;
	
    -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.69);
    
	display: none;
	z-index: 100;
	border-radius: 2.5em;
	cursor: move;
}

#EditPopup_toSelectParentsObject .fls_wrapper_cell {

	margin-bottom: 20px;
	border-radius: 2em;
	
	display: inline-block;
	padding: 20px 0px;
	

	/*overflow:auto;*/
}



#EditPopup .fls_wrapper_cell {

	margin-top: 40px;
	margin-bottom: 20px;
	border-radius: 2em;
	
	display: inline-block;
	padding: 20px 0px;
	box-shadow: 0px 0px 50px 15px #fff;
	background-color: none;

	/*overflow:auto;*/
}

#EditPopup_forfile {
	padding: 20px 20px;
	position: absolute;
	top: 100px;
	left: 100px;
	
	box-shadow: 0px 0px 20px 2px #90947F;
	
	-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.69);

	display: none;
	z-index: 101;
	border-radius: 1em;
	cursor: move;
}


@media screen and ( max-width: 768px ){
	#EditPopup_forfile {
		width:300px;
	}
}


@media screen and ( max-width: 300px ){
	#EditPopup_forfile {
		width:200px;
	}
}


#EditPopup_forfile .fls_wrapper_cell {
	margin-top:20px;
	box-shadow: 0px 0px 20px 20px #FFF;
}

#EditPopup input {
	position: relative;
}


.temp_popup
{
	padding: 10px 20px;
	min-width:500px;
	top: 100px;
	left: 100px;
	box-shadow: 0px 0px 20px 2px #ccc;
	 -webkit-backdrop-filter:saturate(180%) blur(20px);
	 backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255,255,255,0.69);
	display: none;
	z-index: 100;
	border-radius: 1em;
}

.temp_popup .fls_wrapper_cell 
{
	float: left;
	
	border-radius: 2em;
	width:100%;
	display: inline-block;
	padding: 10px 0px;
	
	
}

#closepopupbtn {
	float:right;
}

#closepopupbtn a #close_btn_img {
	background-image: url(../image/design_01/del_icon_black.svg);
	background-size: 100% 100%;
	width: 30px;
	height: 30px;
}


#close_btn_img {
	background-image: url(../image/design_01/del_icon_black.svg);
	width: 100%;
	height: 100%;
}

#select {
	background-color: #0B0202;
	color: #fff;
}

.data_selected_forParentsObject_id {
	border: none !important;
}

.showChoseTD {
	display: none;
}

.sendBtn {
	background-color: red;
}

.file_img_show_div_img img {
	width: 100px;
	padding: 10px;
}




.imgThumbnail {
	width:60px;
	border-radius: 5px;
	image-orientation: from-image;
}







#plus_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/plus_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}



#search_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/search_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}


#search_close_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/close_search_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}




#manual_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/manual_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}


#exel_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/exel_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}



#history_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/garbage_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}


.data_history_del {
	color:red;
	font-weight:bold;
}

#normal_img {
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/normal_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}



#refresh_img
{
	width: 25px;
	height: 25px;
	background-image: url(../image/design_01/refresh_search_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}



a#add_btn #plus_btn #plus_img {
	width: 20px;
	height: 20px;
	background-image: url(../image/design_01/plus_gray.svg);
	background-size: 100% 100%;
	margin: 0 auto;
}

a#add_btn #plus_btn #text {
	display: none;
}

a#add_btn:hover #plus_btn #plus_img {
	background-image: url(../image/design_01/plus_white.svg);
	background-size: 100% 100%;
}

#worker_info .imgThumbnail {
	border-radius: 200px;
	object-fit: cover;
	width: 100px;
	height: 100px;
}



#copyright {
	font-size: 1.2em;
	
	
	
	color: #050505;
	text-align: center;
	width:100%;
	left:0px;
	padding:4px;
	margin:20px auto 0 auto;
	
}

.has_ex_baloon
{
	position: relative;
}


a #sub_ex_baloon {
	z-index:10000;
	
	position: absolute;
	
	
	padding: 10px 15px;
	background-color: #fff;
	box-shadow: 5px 5px 30px 2px #ddd;
	border-radius: 1em;
	display: none;
	color:#000;
	font-weight:bold;
	
	min-width:100px;
	width: max-content;
	
	
}

a #sub_ex_baloon p {
	
	clear:both;
}


a:hover #sub_ex_baloon {
	display: inline-block;
}


.div_in_cell #search_head_div_for_mobile {
	display: none;
}

.div_in_cell #map_in_cell {
	float: left;
	padding: 10px;
	border: 1px solid #ddd;
	display: block;
}

.div_in_cell #map_in_cell .output_class_cell {
	float: left;
	padding: 10px;
	border: 1px solid #999;
	display: block;
}

.progress {
	position: relative;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 10px;
	margin-top: 10px;
}

.bar {
	background-color: #1B2685;
	width: 0%;
	height: 20px;
	border-radius: 10px;
}

.percent {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 48%;
}

#img_box {
	position: absolute;
}

#btn_box_for_img_box {
	position: fixed;
	right:0px;
	background-color:#888;
	padding:10px;
	border-radius:20px;
}

#btn_box_for_img_box button {
	width: 50px;
	height: 50px;
	border: none;
	margin: 5px;
}

#btn_box_for_img_box #rotateL {
	background: url(../image/img_btns-01.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #rotateL:hover {
	background: url(../image/img_btns_hover-01.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #no_rotate {
	background: url(../image/img_btns-02.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #no_rotate:hover {
	background: url(../image/img_btns_hover-02.svg) no-repeat;
	background-size: contain;
}


#btn_box_for_img_box #rotate_180 {
	background: url(../image/img_btns-06.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #rotate_180:hover {
	background: url(../image/img_btns_hover-06.svg) no-repeat;
	background-size: contain;
}




#btn_box_for_img_box #rotateR {
	background: url(../image/img_btns-03.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #rotateR:hover {
	background: url(../image/img_btns_hover-03.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #scale_native {
	background: url(../image/img_btns-04.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #scale_native:hover {
	background: url(../image/img_btns_hover-04.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #scale_fit {
	background: url(../image/img_btns-05.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #scale_fit:hover {
	background: url(../image/img_btns_hover-05.svg) no-repeat;
	background-size: contain;
}


#btn_box_for_img_box #save {
	background: url(../image/img_btns-save.svg) no-repeat;
	background-size: contain;
}

#btn_box_for_img_box #save:hover {
	background: url(../image/img_btns_hover-save.svg) no-repeat;
	background-size: contain;
}








.add_btn_on_Output_td {
	display: block;
	padding: 5px;
	background-color: #B1241A;
	color: #fff;
	border-radius: 5px;
	white-space: nowrap;
	margin: 2px;
}

.add_btn_on_Output_td:hover {
	background-color: #0B0202;
}


#data_edit_is_done {
	font-size: 1.2em;
	border-bottom: none;
	color: #B1241A;
}

h4#data_edit_is_done {
	font-size: 1.2em;
	border-bottom: none;
	color: #B1241A;
}

#data_is_added {
	font-size: 1.2em;
	color: #3AAFA9;
}


.fls_wrapper_cell_for_div h4{
	font-size:2em;
	float:left;
	color:#888;
	
}




.fls_wrapper_cell_for_div .div_list
{
	width:100%;
	clear:both;
}

.fls_wrapper_cell_for_div #status_date_chooser {
	display: none;
}

.fls_wrapper_cell_for_div .div_list {
	text-align: center;
}

.fls_wrapper_cell_for_div .div_list .div_list_elemnet {
	display: inline-block;
	vertical-align: middle;
	
}

.fls_wrapper_cell_for_div .div_list .div_list_elemnet #name_lavel {
	display: none;
}



#header_lavel
{
	color: #aaa;
}


#header_lavel a {
	color: #aaa;
}

.id_value {
	color: #aaa;
}



.checkBox_cell_value {
	height: 25px;
}




.today_value {
	color: #3AAFA9;
}

#total_count {
	border-top: solid 1px #000 !important;
}

#all_Value_title {
	border-top: solid 1px #000 !important;
}


.checkBox_cell_value_extra_btn a {
	font-size:0.8em;
	display: block;
	padding: 3px 5px;
	background-color: #0B0202;
	color: #fff;
	border-radius: 2px;
	white-space: nowrap;
	margin: 1px 1px 1px 5px;
}

.checkBox_cell_value_extra_btn a:hover{
	background-color:#1B2685;
}

#simple_value_code
{
	display:none;
}



#test_btn
{
	float:right;
	    
}

#test_btn a
{
	color:#aeaeae;
	    
}



.colname_in_th
{
	font-size:0.8em;
	color:#ccc;
}



a #show_list_icon{
	
	margin-top:4px;
	width: 15px;
    height: 15px;
    background-image: url(../image/design_01/list_light_gray.svg);
    background-size: 100% 100%;
    float:left;
   
}

a:hover #show_list_icon{
	
	
    background-image: url(../image/design_01/list_dark_gray.svg);
    
   
}

#notlinked
{
	color:#FF0000;
}
#linked
{
	color:#999;
}

.primary_select_td
{
	position:relative;
}

.primary_select_div
{
	position:relative;
}

.primary_select_td #show_list_one_icon
{
	position:absolute;
	left:2px;
	top:2px;
}



.file_plus_btn
{
	
	
	display: inline-block;
	text-align:center;
	
	
	
}


.flle_list_btn
{
	display: inline-block;
	text-align:center;
	
	
}
.file_btn
{
	margin:1px;
}
.file_btn #plus_img
{
	height:25px;
	width:25px;
	
	
}



.file_btn #list_img
{
	height:25px;
	width:25px;
	
	
}



.files_thumnail_img
{
	
	display: inline-block;
	text-align:center;
	margin:1px;
}

.files_thumnail_img img
{
	height:60px;
	background-color:#fff;
	width:60px;
	object-fit:cover;
	border-radius:100px;
}

.tomove
{
	display:block;
	/*float:left;*/
	margin-left:20px;
}




#typeExContents
{
	padding:50px 0 30px 120px;
	clear:both;
	display:block;
}

.type_color_ex
{
	float:left;
	padding:10px;
	margin-right:15px;
	font-size:1.2em;
}

.type_color_ex_box
{
	float:left;
	width:40px;
	height:20px;
	margin-right:5px;
}








a.haveCount
{
	background-color: #333;
}

a.noCount
{
	background-color: #000;
}


#top_btn_search_plus_area
{
	display:block;
}




.type_balanceTable
{
	width:40%;
	padding-top:60px;
	float:right;
	
}

.this_inputMap_count
{
	
	border-top:2px solid #000;
	
}


#send_btn_in_fileSelect
{
	width:100%;
	margin-top:10px;
	
	border: none;
    border-radius: 7px;
	background-color:#3AAFA9;
	color:#fff;
	font-size:1.3em;
}





.errorMassage
{
	text-align:center;
	font-size:3em;
	color:#1B2685;
}

.history_list li
{

	text-align:center;
	display: inline-block;
	vertical-align: middle;
   

    
    border-radius: 100px;
    margin-top:10px;
    width:50px;
    height:50px;
  
        box-shadow: 0px 0px 30px 2px #eee;
   
}

.history_list li.selected_id{
	 padding: 0px 10px;
}


.history_list li a{
	 padding: 0px 10px;
}

.history_list li a #sub_ex_baloon{
	position:absolute;
 	top:50px;
 	min-width:150px;
}


.history_list li p{
	
	vertical-align: middle;
	display: table-cell;
	height:50px;
	line-height:17px;
	text-align:center;
	min-width:30px;
	
}

.history_list li.line
{
	border-radius: 0px;
	padding: 0px 0px;
	
	width:15px;
    height:2px;
    
	background-color:#ddd;
}

.history_list .selected_id
{
	background-color: #1B2685;
	color:#fff;
	 
	font-weight:bold;
}

.history_list .not_selected_id
{
	background-color: #eaeaea;
	color:#555;
	 
	font-weight:normal;
}

.history_list .done_id
{
	background-color: #1f67e0;
	color:#fff;
	 
	font-weight:normal;
}

.history_list .done_id a {
	color:#fff;
}

.justshowparents
{
	font-weight:bold;
	color:#555;
}


#side_menu_div ul li
{
	font-size:1.2em;
	text-align: center;
    margin: 10px;
    display: inline-block;
    
   
    
}

#side_menu_div ul li a
{
	background-color:#fff;
	 box-shadow: 0px 0px 30px 2px #ddd;
	 padding:10px 15px;
	 border-radius: 2px;
	 display:block;
}

#edit_del_btn_td
{
	position:relative;
}

#small_id
{
	font-size:0.9em;
	position:absolute;
	bottom:0px;
	right:0px;
	color:#aaa;
}


.linkList
{
	font-size: 1.2em;
    text-align: center;
    margin: 10px;
    display: inline-block;
    
	background-color: #fff;
    box-shadow: 0px 0px 30px 2px #ddd;
    padding: 10px 15px;
    border-radius: 20px;
}

#simple_value_op_index
{
	font-size:2em;
	font-weight:bold;
}

#link_history {
	float:left;
}


#link_history
{
	font-weight:bold;
	font-size:1.3em;
	
	margin:0 0 10px 10px;
}

.barcode_show {
	width:100px;
}


.print_btn {
	background-color:#1B2685;
	color:#fff;
	padding:1px 10px 2px 10px ;
	border-radius:10px;
	margin-top:5px;
	
}


.print_btn:hover {
	background-color:#B1241A;
	color:#fff;
	
	
	
}


.link_box {display:inline-block;}
.copy_box {display:inline-block;} 


.width_100 { width:100%;}
.height_100 {height:100%;}


.text_align_center { text-align:center;}
.text_align_left { text-align:left;}
.text_align_right { text-align:right;}

.display_inline_block {display:inline-block;}


.divTable {display:table;}
.divTableRow {display:table-row;}
.divTableCell {display:table-cell;}