@charset "UTF-8";

/* 스크롤 스타일 */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
#beforeTable::-webkit-scrollbar-thumb{
	background:	#2C3E50;
}
::-webkit-scrollbar-thumb {
 	background: #888;
}

/* Handle on hover */
#beforeTable::-webkit-scrollbar-thumb:hover{
  	background: #152a42;
}
::-webkit-scrollbar-thumb:hover {
  	background: #555;
}

body > div.productEditArea {
    width: 100%;
    margin: auto;
    height: 3em;
    margin-top:-50px;
}
body > div.productReadArea{
    border: 1px solid black;
    width: 60%;
    height: 50em;
    margin: auto;
    margin-top: 17px;
    background:lavender;
}
body > div.productEditArea > form > div{
    display: inline-block;
    width: 15%;
    text-align: center;
    font-size: 12pt;
    margin-left: 9px;
}
body > div.productEditArea > form > div.productEditBtnArea > input:hover{
	background-color:lightgray;
	cursor:pointer;
}

body > div.productEditArea > form > div.productEditBtnArea > input{
    padding: 8px;
    background: white;
    border: 2px solid black;
    font-size: 12pt;
    font-weight: 700;
    margin-left:26px;
}
body > div.productReadArea > div{
    width: 100%;
    margin: auto;
	border: 1px solid lightgray;
}
body > div.productReadArea > div.productReadTitleArea > span{
    font-size: 18pt;
    text-align: center;
}
body > div.productReadArea > div.productReadContentArea{
    height: 95%;
    overflow-y: scroll;
}
body > div.productReadArea > div.productReadContentArea > table > tbody > tr > td{
	border:1px solid black;
    border: 1px solid black;
    width: 29em;
    text-align: center;
    font-size: 16pt;
}

body > div.productReadArea > div.productReadTitleArea > span:nth-child(1){
    margin-left: 7.5em;
}
body > div.productReadArea > div.productReadTitleArea > span:nth-child(2){
    margin-left: 11.6em;
}
body > div.productReadArea > div.productReadTitleArea > span:nth-child(3){
	margin-left: 11.2em;
}
body > div.productReadArea > div.productReadContentArea > table > tbody > tr > td:nth-child(1){
    width: 53px;
}
body > div.productReadArea > div.productReadContentArea > table > tbody > tr > td:nth-child(1) > input[type=checkbox]{
    width: 21px;
    height: 21px;
}
body > div.productEditArea > form > div.productEditBtnArea{
    width: 29em;
}
body > div.productEditArea > form > div.barcodeArea{
    margin-left: 23.5em;
}
body > div.productEditArea > form > div.originArea > input,
body > div.productEditArea > form > div.locationArea > input{
    width: 6em;
}
body > div.productEditArea > form > div.originArea,
body > div.productEditArea > form > div.locationArea {
	width:12em;
}
body > div.productEditArea > form > div > span{
	font-weight:700;
}
body > div.productReadArea > div.productReadContentArea > table > tbody > tr > td:nth-child(1) > input[type=radio]:hover{
	background: lightgray;
	border:2px solid blur;
	cursor:pointer;
}
body > div.productReadArea > div.productReadContentArea > table > tbody > tr > td{
	background:white;
}

/*==================================================== Main.jsp ========================================================== */
/* body > div.container > div{
	margin-left:30px;
} */
body > div.container > div > input{
    height: 35px;
    width: 11em;
    max-width: 14em;
}


/*==================================================== labelPrint.jsp ========================================================== */
body > div.container1 > div.orderArea > select{
	width:7em;
	height:30px;
	margin-left:8px;
}

.headerTitle{
	margin-bottom:0px;
    font-size: 14pt;
    text-align: center;
    font-weight: 700;
}
#datepicker{
    width: 115px;
}
.right{
	float:right;
	margin-right:10px;
}

#cTableArea{
	overflow:auto;
	border-top: 7px solid #2C3E50;
	
}
.title{
	padding-left:10px;
	padding-top:10px;
}

#pop_title{
    margin-left: 740px;
    font-size: 24pt;
    text-align: center;
    font-weight: 700;
}
.table thead th{
	position:sticky;
	top:0px;
	background-color: lavender;
	white-space:nowrap;
	
}
#modal-content{
    height: 740px;
    width: 86%;
    transform: translateY(8%);
    transform: translateX(10%);
    margin-top: 100px;
}

body > div.container1 > div.filterArea > p{
    text-align: center;
    font-size: 14pt;
    margin-top: 14px;
    margin-bottom: 6px;
    font-weight:700;
}
body > div.container1 > div.filterArea > hr{
    margin-top: 4px;
    margin-bottom: 11px;
}
#datepicker, body > div.container1 > div.orderArea > select:hover {
	cursor: pointer;
}
#datepicker, body > div.container1 > div.orderArea > select {
    position: relative;
}
body > div.container1 > div.filterArea > select {
    height: 30px;
	margin-top : 5px;    
	margin-left: 9px;
}
body > div.container1 > div.filterArea{
}
body > div.container1 > div.labelSearchArea > input.btnLabelSearch {
    width: 17em;
    margin-top: 10px;
    height: 33px;
}
body > div.container1 > div.labelSearchArea > input.btnLabelSearch {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    border-radius:4px;
}
#boxlabel{
    width: 191px;
}
.btnEaLabel{
	background-color:red;
}
#label:hover{
	
}
#load{
    width: 142px;
    height: 89px;
    font-size: 15pt;
    font-weight: 700;
    position: relative;
    bottom: 37px;
    left: 101%;
}
body > div.container1 > div.filterArea > select:hover,
body > div.container1 > div.labelSearchArea > div.textArea > select:hover {
	cursor:pointer;
	background:lightyellow;
}
body > div.container1 > div.filterArea > select {
    margin: auto;
    height: 52px;
    font-size: 15pt;
    border: 2px solid black;
    border-radius: 7px;
}
body > div.container1 > div.labelSearchArea{
    width: 27em;
    margin-left: 22px;
    position: relative;
    top: 15px;
}
body > div.container1 > div.labelSearchArea > div{
	display:inline-block;
}
body > div.container1 > div.labelSearchArea > div.textArea{
	height:103px;
}
body > div.container1 > div.labelSearchArea > div.textArea > p{
    margin: 12px 0px;
}
body > div.container1 > div.labelSearchArea > div.textArea > select,
body > div.container1 > div.labelSearchArea > div.textArea > input{
    height: 43px;
    font-size: 13pt;
    border: 2px solid;
}
body > div.container1 > div.labelSearchArea > div.btnArea > input {
	height:80px;
}
body > div.container1 > div.btnLabelPrintArea{
    width: 27em;
    margin: 0 0 0 7px;
    height: 220px;
    position: relative;
    top: -19px;
    border-left: 1px dotted gray;
}
.sort:hover{
 	cursor:pointer;
}
#order1, #order2, #order3, #order4, #order5{
    width: 100%;
    margin: 12px 0;
    text-align:center;
}
body > div.container1 > div.labelSearchArea > div.btnArea{
    position: relative;
    bottom: 13px;
}

body > div.container1 > div.sortArea > p,
body > div.container1 > div.sortArea > div {
	padding:14px;
}

body > div.container1 > div.labelSearchArea > div.btnArea > input{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

body > div.container1 > div.labelSearchArea > div.btnArea > input:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}

/*==================================================== 혜정씨 ========================================================== */
span.count{
	margin-right:20px;
}
/* .container {
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-top:-50px;
        }
    	.custom-file-label{
    		width:300px;
    		margin-top:80px;
    		margin-left:30px;
    	}
    	테이블 상단 고정 시작
		#fileTable{
			white-space: nowrap;
		}
		
		#fileTable th{
			background-color: white;
			box-shadow: inset 0 1px 0 #bbc6d3, inset 0 -1px 0 #bbc6d3;
		}
		
		#beforeTable{
			overflow: auto;
			height: 780px;
			width: 100%;
			margin-top:20px;
		}
		
		.fixedHeader{
			top: 0;
			position: sticky;
		}
		#datepicker {
        	margin-left:350px;
    	}
    	.btn{
    		margin-left:5px;
    	}
    	
    	#datepicker{
    		margin-left:5px;
    	} */
    	
/*==================================================== 혜정씨 ========================================================== */
/*==================================================== 12 - 21 ========================================================== */

body > div.container > div.orderFileSelect > label{
    border: 2px solid;
    font-size: 15pt;
    position:static;
}
body > div.container > div.orderFileSelect > label::after {
	background: #2C3E50;
	color:white;
	display:none;
}
body > div.container > div.datePickerArea{
    width: 11em;
    margin-top : 0px;
    font-size: 16pt;
}
body > div.container > div.orderArea{
	width: 17em;
	font-size: 16pt;
}
body > div.container > div.datePickerArea > span,
body > div.container > div.orderArea > span{
	font-weight:700;
}
body > div.container > img{
    width: 169px;
    height: 72px;
    position: absolute;
    right: 90%;
}
body > div.textArea {
    float: left;
    font-size: 11pt;
    height: 38px;
    font-weight: 700;
    margin-left: 31em;
    text-align: center;
    position: relative;
    bottom: 45px;
    margin-bottom: -40px;
    display: flex;
    flex-wrap: wrap;
    width: 209px;
}

/* flex 제거 */
body > div.container1 > div {
	display:inline-block;
}
body > div.container1 > div.section1 > div.datePickerArea,
body > div.container1 > div.section1 > div.orderArea{
	display:inline-block;
}
body > div.container1 > div.sectionTitle{
	display:block;
    height: 3em;
}
body > div.container1 > div.sectionTitle > div{
	display:inline-block;
	border: 2px solid gray;
	height: 100%;
	font-size: 23pt;
	text-align:center;
}
body > div.container1 > div.sectionTitle > div.choose{
	width:13em;
}
body > div.container1 > div.sectionTitle > div.condition{
	width:33em;
}
body > div.container1 > div.sectionTitle > div.labelPT{
	width:15em;
}
body > div.container1 > div.section1{
    position: relative;
    bottom: 38px;
    width: 27.91em;
    border-right: 1px dotted gray;
    margin-left: 17px;
    height: 220px;
}
body > div.container1 > div.section1 > div.datePickerArea{
    display: block;
    width: 17em;
    height: 4em;
}
body > div.container1 > div.section1 > div.datePickerArea > p,
body > div.container1 > div.section1 > div.orderArea > p{
    height: 36px;
}
body > div.container1 > div.section1 > div.orderArea > p,
body > div.container1 > div.section1 > div.datePickerArea > p{
    font-size: 15pt;
    margin-top: 8px;
}
#datepicker{
    font-size: 16pt;
    height: 35px;
    margin-left: 3px;
    max-width: 119px;
    width: auto;
}

body > div.container1 > div.section2 > div{
	display:inline-block;
}
body > div.container1 > div.section2{
    width: 55.3em;
    height: 200px;
    position: relative;
    top:16px;
}
body > div.container1 > div.section2 > div.filterArea{
    height: auto;
    width: 15em;
    margin-left: 21px;
    position: relative;
    bottom: 108px;
}
body > div.container1 > div.section2 > div.sortArea{
    width: 11em;
    height: 12em;
    margin-left:26px;
    position:relative;
    bottom:76px;
}
body > div.container1 > div.section2 > div.labelSearchArea{
    width: 11em;
    height: 200px;
    position: relative;
    top: -20px;
}
body > div.container1 > div.section2 > div.filterArea > p{
    font-size: 15pt;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px;
}
body > div.container1 > div.section2 > div.labelSearchArea > div.textArea > p{
    position: relative;
    bottom: 8px;	
}
body > div.container1 > div.section2 > div.filterArea > select.labelFilterSelectO:hover,
body > div.container1 > div.section2 > div.filterArea > select.labelFilterSelectC:hover{
	cursor:pointer;	
}
body > div.container1 > div.section2 > div.filterArea > select.labelFilterSelectO,
body > div.container1 > div.section2 > div.filterArea > select.labelFilterSelectC{
    position: relative;
    font-size: 15pt;
    font-weight: 700;
    border: 1px solid gray;
    border-radius: 3px;
    margin: 0 0 0px 27px;
    top: -7.6px;
    height: 37px;
    width: 10em;
    text-align: center;
}
body > div.container1 > div.section2 > div.sortArea > p{
    margin-bottom: -65px;
    font-size: 15pt;
}
body > div.container1 > div.section2 > div.sortArea > div > select{
    position: relative;
    font-size: 15pt;
    border: 1px solid gray;
    border-radius: 3px;
    margin: 0 0 0 17px;
    height: 38px;
    top: 4.5px;
}
body > div.container1 > div.section2 > div.labelSearchArea > div.textArea > p{
    font-size: 15pt;
}
body > div.container1 > div.section2 > div.labelSearchArea > div.textArea > select{
    border: 1px solid gray;
    border-radius: 3px;
    font-size: 15pt;
    height: 38px;
    width: 100%;
    text-align: center;
}
body > div.container1 > div.section2 > div.labelSearchArea > div.textArea > input{
    height: 38px;
    width: 100%;
    margin-top: 12px;
}
body > div.container1 > div.section2 > div.labelSearchArea > div.btnArea > input{
    margin: auto;
    width: 100%;	
}
body > div.container1 > div.section2 > div.labelSearchArea > div.btnArea{
    text-align: center;
    margin-top: 10px;	
}

body > div.container1 > div.section2 > div.labelSearchArea > div.btnArea > input:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
body > div.container1 > div.section2 > div.labelSearchArea > div.btnArea > input {
    background: #28a745;
    color: white;
    font-weight: 700;
    height: 38px;
    bottom: 0px;
    font-size: 14pt;
}
body > div.container1 > div.btnLabelPrintArea > div{
	display:inline-block;
}
#boxlabel:hover,
#infBoxLabel:hover{
	background:#00804d;
}
#sobunlabel:hover,
#infEaLabel:hover{
	background:#4da5a9;
}
#boxlabel, #sobunlabel{
    display: block;
    position: relative;
    float: left;
    width: 116px;
    padding: 0px;
    margin: 7px 18px 0px 0;
    font-weight: 600;
    text-align: center;
    line-height: 47px;
    color: #FFF;
    border-radius: 5px;
    transition: all 0.2s;
    letter-spacing: 1px;
    font-size: 15pt;
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint,
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint{
    width: 27em;
    height:64px;
}
body > div.container1 > div.btnLabelPrintArea > div > span{
    font-size: 16pt;
    font-weight: 700;
    letter-spacing: 2px;
    padding:12px;
}
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > span{
    padding: 12px 12px;
    position: relative;
    bottom: 23px;
}
#load:hover ,body > div.container1 > div.section2 > div.labelSearchArea > div.btnArea > input:hover, #alllabel:hover,
#infAlllabel:hover {
    background: #152a42;
    cursor:pointer;
}
#load,body > div.container1 > div.section2 > div.labelSearchArea > div.btnArea > input {
    background: #274c77;
    border-color: #274c77;
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > div,
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div{
    display: inline-block;
    width: 120px;
    position: relative;
	bottom:0px;    
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > div > span,
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div > span{
    display: block;
    text-align: center;
    font-weight: 700;
    width: 8em;
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > span{
    position: relative;
    bottom: 31px;
    left: 5px;
}
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div.infBoxArea > button,
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div.infSobunArea > button{
	width:116px;
	right:3px;
}
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div{
    position: relative;
    top: 6px;
}
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div > button{
	display: block;
    position: relative;
    float: left;
    width: 149px;
    padding: 0px;
    margin: -6px 20px 0px 0;
    font-weight: 600;
    text-align: center;
    line-height: 46px;
    color: #FFF;
    border-radius: 5px;
    transition: all 0.2s;
    letter-spacing: 1px;
    font-size: 15pt;
}
#boxlabel, .btnInfBoxLabel{
	background: #00AE68;
}
#sobunlabel, .btnInfEaLabel{
	background: #5DC8CD;
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint{
	border-bottom:1px dotted lightgray;
	height:89px;
}
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint{
    position: relative;
    top: 6px;
   /*  background: repeating-linear-gradient(45deg, #444, #444 10px, #888 0, #888 20px);
    opacity: 0.5; */
    left: 5px;
}


/* -------------------------------표시사항 블락 처리 ----------------------------- */
body > div.textArea > div{
    width: 31.8em;
    position: fixed;
    height: 5.4em;
    bottom: 56.8em;
    margin-bottom: -6em;
    left: 99em;
   /*  background: repeating-linear-gradient(45deg, #444, #444 10px, #888 0, #888 20px);
    opacity: 0.4; */
}

/* -------------------------------표시사항 블락 처리 ----------------------------- */

#tCount {
    display: block;
    border-bottom: 1px dotted gray;
    /* margin-left: 113px; */
    padding: 4px 0px;
    position: relative;
    bottom: 76px;
    left: 4.3em;
    flex-grow: 1;
    width: 100%;
}
#btCount, #stCount{
    position: relative;
    bottom: 67px;
    left: 65px;
    flex-grow: 1;
}
body > div.container1 > div.section1 > div.datePickerArea > p{
    display: inline-block;
    padding: 14px;
    margin-left: 26px;
}
body > div.container1 > div.section1 > div.orderArea > p{
    display: block;
    width: 13.5em;
    border-top : 1px dotted black;
    padding: 9px 0px;
}

body > div.container1 > div.section1 > div.orderArea > select.orderSelect:hover{
	cursor:pointer;	
}
body > div.container1 > div.section1 > div.orderArea > select.orderSelect{
    font-size: 16pt;
    height: 35px;
    margin-left: 3px;
    width: 12.5em;
    margin-top: -9px;
    position: relative;
    top: 11px;
    text-align:center;
}

body > div.container1 > div.section2 > div.sortArea > div > select{
	display:block;
}
body > div.container1 > div.section2 > div.sortArea > div{
    height: 10em;
    /* margin: 8px 0 0 0; */
    position: relative;
    top: 56px;
}

#thead > tr > th{
    vertical-align: revert;
    line-height: 15px;
    text-align: center;
    background:lavender;
}
.labelSearchType:hover{
	cursor:pointer;
}
.btnDelPrint > div > button:hover {
	cursor:pointer;
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > div.delBoxArea,
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > div.delSobunArea{
	left:2px;
}

#dbBtn{
    font-size: 14pt;
    margin-bottom: 2px;
    font-weight: 700;
    width: 65px;
}
body > div.container > div.orderFileSelect{
    height: 46px;
    left: 2%;
}


/* 231228일 삭제요청  */
body > div.container1 > div.section2 > div.filterArea > select.labelFilterSelectC{
	display:none;
	
}


/* -======================================= */
body > div.popupLoading,
body > div.popupFilterLoading {
    display: none;
    width: 100%;
    border: 1px solid;
    height: 42.8em;
    position: relative;
    z-index: 10;
    background: lightsteelblue;
    opacity: 0.6;
}
   #loading-text {
            /* -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial"; */
            font-size: 10px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 1;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100px;
        }
        .loading-container,
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
        }


        .loading-container { margin: 40px auto }

.loading {
    border: 6px solid black;
    border-color: transparent black transparent black;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
    opacity: 1;
}

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }
#link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none;}
#link:hover {color: #CCCCCC}

#link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}

/** BEGIN CSS **/
        body {background: #333333;}
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
body > div.popupLoading > div.loading,
body > div.popupFilterLoading > div{
    margin: auto;
    margin-top: 34vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10em;
    height: 10em;
}
#loading-text{
    margin: auto;
    color: black;
    font-size: 22pt;
    border: 1px solid;
    /* width: 11em; */
    /* margin: 13.3em 0 0 27.4em; */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 120%;
}

/* 체크 애니메이션 */
.wrapper {
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    position: relative;
    bottom: 48.3em;
    background-color: rgba(0, 0, 0, 0.1);
}

.animated-check {
    height: 10em;
    width: 10em
}

.animated-check path {
    fill: none;
    stroke: #7ac142;
    stroke-width: 4;
    stroke-dasharray: 23;
    stroke-dashoffset: 23;
    animation: draw 1s linear forwards;
    stroke-linecap: round;
    stroke-linejoin: round
}

@keyframes draw {
    to {
        stroke-dashoffset: 0
    }
}

body > div.container1 > div.section1 > div.orderArea > button:hover{
	background:red;
	cursor:pointer;
}
body > div.container1 > div.section1 > div.orderArea > button{
    width: 143px;
    height: 39px;
    position: relative;
    top: 11px;
    border-radius: 3px;
    border: 0px;
    background: orangered;
    font-size: 14pt;
    font-weight: 700;
    color: white;
    letter-spacing: 2px;
}
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > div.delSobunArea > span{
	width:8em;
} 
body > div.container1 > div.btnLabelPrintArea > div.btnDelPrint > div.delAllArea{
    display: inline-flex;
    width: 51px;
    height: 50px;
    position: relative;
    bottom: 32px;
    border-radius: 1px;
}
#alllabel{
    background: #2C3E50;
    border-radius: 6px;
    color: white;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    bottom: 5px;
}
#infAlllabel{
    width: 49px;
    right: 4px;
    height: 50px;
    bottom: 10px;
    font-size: 12pt;
    letter-spacing: 2px;
    background: #2C3E50;
}
body > div.container1 > div.btnLabelPrintArea > div.btnInfPrint > div.delAllArea{
    display: inline-block;
    width: 44px;
    height: 52px;
}
.boxQty {
	color: #00804d;
	font-weight:700;
}
.sobunQty{
	color: #4da5a9;
	font-weight:700;
}

.redText{
	color: #FF4500;
	font-weight:700;
}

body > div.body-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 560px;
    margin-left: -450px;
    margin-top: -300px;
}

body > div > div.title{
    height: 76px;
}
body > div > div.title > div.titleFront > img{
    width: 64px;
    height: 64px;
}
.hanmacText{
    border-right: 1px solid gray;
    padding: 7px 28px 7px 17px;
    position: absolute;
    letter-spacing: -3px;
    font-weight: 700;
    color: midnightblue;
    top: 13px;
    font-size: 16.4pt;
}
body > div > div.title > div.titleFront {
    display: inline-block;
    width: 210px;
}
body > div > div.title > div.titleBack{
    display: inline-block;
    position: absolute;
    top: 9px;
    padding-left:7px;
}
body > div > div.title > div.titleBack p{
	margin:0;
    opacity: 0.8;
}

body > div > div.title > div.titleBack > p:nth-child(1){
    font-size: 15pt;
    font-weight: 700;
}
body > div > div.title > div.titleBack > p:nth-child(2){
	color:gray;	
}
body > div > div.content-wrap > div.img-box{
	width:max-content;
	display:inline-block;
}
body > div > div.content-wrap > div.login-box{
    border: 1px solid lightgray;
    width: 298px;
    height: 378px;
    margin: 0 auto;
    display: inline-block;
    position: absolute;
    background:#426c97;
}
body > div > div.content-wrap > div.img-box > img{
	
}
body > div > div.footer-wrap{
    height: 20px;
    color: #a1a1a1;
    text-align: center;
    font-size: 10pt;
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: 7px;
}

body > div > div.content-wrap > div.login-box > p.loginTitle{
    color: white;
    letter-spacing: 3px;
    font-size: 23pt;
    margin: 47px 17px 7px 17px;
    font-weight: 700;
    width: -webkit-fill-available;
    border-bottom: 1px solid white;
    padding: 5px;
    text-align: center;
}
body > div > div.content-wrap > div.login-box > div.input-box{
    text-align: center;
    margin-top: 19px;
    height: 97px;
}
body > div > div.content-wrap > div.login-box > div.input-box > div > div.idpwTitle{
    font-size: 15pt;
    font-weight: 800;
    display: inline-block;
    width: 92px;
    color:white;
}
body > div > div.content-wrap > div.login-box > div.input-box > div > span{
    color: white;
    font-size: 23pt;
}
body > div > div.content-wrap > div.login-box > div.input-box > div > input{
    margin: 3px 0px;
    padding: 8px;
    position: relative;
    bottom: 3px;
    width:145px;
}
body > div > div.content-wrap > div.login-box > div.btn-box > button:hover{
	border:2px solid white;
	cursor:pointer;
	text-decoration:underline;
	background:#426c97;
}
body > div > div.content-wrap > div.login-box > div.btn-box > button{
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    width: 183px;
    height: 46px;
    font-size: 16pt;
    background: #5599dc;
    border: 0px solid;
    border-radius: 8px;
    color: white;
    font-weight: 700;
    letter-spacing: 3px;
}
body > div > div.content-wrap > div.login-box > div.idCookie{
    color: white;
    font-size: 11pt;
}
body > div > div.content-wrap > div.login-box > div.idCookie > input{
	margin-left: 184px;
}
body > div.container1 > div.section1 > div.statusBindateArea{
    position: absolute;
    margin-top: 19px;
    width: 268px;
    margin-left: 3px;
}
body > div.container1 > div.section1 > div.statusBindateArea > input{
    width: 171px;
    color: navy;
    font-size: 14pt;
    text-align: center;
    font-weight: 700;
}
body > div.container1 > div.section1 > div.statusBindateArea > span{
    font-size: 14pt;
    text-align: center;
    font-weight: 700;
}
body > div.container > div.orderComSelectArea {
    width: 1197px;
    height: 66px;
    margin-top:15px;
}
body > div.container > div.orderComSelectArea > div {
    display: inline-block;
    border: 2px solid gray;
    width: 123px;
    margin-left: 6px;
    height: 66px;
    position: relative;
    bottom: 7px;
    border-radius: 7px;
    flex-grow:1;
    display:flex;
    justify-content:center;
}
body > div.container > div.orderComSelectArea > div.com1 > img{
	height: 52px;
    margin-top: 5px;
}

body > div.container > div.orderComSelectArea > div > img{
    width: -webkit-fill-available;
    height: 28px;
    margin-top: 18px;
    max-width:117px;
}
body > div.container > div.orderFileText{
    position: absolute;
    left: 1554px;
    top: 61px;
    width: 327px;
    text-align: left;
    color: gray;
    line-height: 105%;
}
/* body > div.container > div.orderComSelectArea > div:hover{
	border:2px solid black;
	background: #97c8fa;
	opacity:1;
	cursor:pointer
} */
body > div.container > div.orderComSelectArea > div:first-child:hover,
body > div.container > div.orderComSelectArea > div:nth-child(2):hover,
body > div.container > div.orderComSelectArea > div:nth-child(3):hover,
body > div.container > div.orderComSelectArea > div:nth-child(4):hover,
body > div.container > div.orderComSelectArea > div:nth-child(5):hover,
body > div.container > div.orderComSelectArea > div:nth-child(6):hover,
body > div.container > div.orderComSelectArea > div:nth-child(7):hover,
body > div.container > div.orderComSelectArea > div:nth-child(8):hover,
body > div.container > div.orderComSelectArea > div:nth-child(9):hover{
	border:2px solid black;
	background: #97c8fa;
	opacity:1;
	cursor:pointer;
}

body > div.container > div.orderComSelectArea > div.com8 > img,
body > div.container > div.orderComSelectArea > div.com9 > img,
body > div.container > div.orderComSelectArea > div.com10 > img {
    height: 62px;
 	margin-bottom: -17px;
    margin-top: 0;
}
body > div.container > div.orderComSelectArea > div.com9 > img,
body > div.container > div.orderComSelectArea > div.com10 > img {
    height: 107px;
    margin-top: -23px;
}
body > div.container > div.orderComSelectArea > div > .orderBase8{
	opacity:0;
}

body > div.container > div.orderComSelectArea {
	display:flex;
    margin-left: -26px;
    justify-content:center;
}
body > div.container > div.datePickerArea{
	margin-left: 9px;
    position: relative;
    top: 1px;
}
body > div.container > div.orderArea{
	margin-left: 0px;
}
body > div.container1 > div.btnAllPrintArea{
    position: absolute;
    height: 203px;
    top: 56px;
    width: 82px;	
}
#allPrintLabel:hover{
    background: #152a42;
    cursor:pointer;	
}
#allPrintLabel{
    width: 69px;
    margin-left: 4px;
    margin-top: 17px;
    height: 136px;
    background: #2C3E50;
    font-size: 16pt;
    letter-spacing: 2px;
    line-height: 43px;
    border: 2px solid #2C3E50;
    border-radius: 4px;
    color: white;
    font-weight: 700;
}
body > div.container1 > div.section2 > div.labelFilterDetail{
    height: 189px;
    position: relative;
    width: 13em;
    bottom: -13px;
    margin-right: 16px;
}
body > div.container1 > div.section2 > div.labelFilterDetail > select:nth-child(2),
body > div.container1 > div.section2 > div.labelFilterDetail > div.filterDetailArea1 > select{
    width: 93%;
    height: 38px;
    margin-top: 8px;
    margin-left: 6px;
    text-align: center;
    font-size: 15pt;
}
body > div.container1 > div.section2 > div.labelFilterDetail > select:nth-child(3),
body > div.container1 > div.section2 > div.labelFilterDetail > div.filterDetailArea2 > select{    
	width: 93%;
    height: 38px;
    margin-top: 12px;
    margin-left: 6px;
    text-align: center;
    font-size: 15pt;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > table {
	cursor:pointer;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div.filterDetailArea2 {
	position:absolute;
	visibility:hidden;
	font-size:12px;
    border: 1px solid;
    width: max-content;
    height: auto;
    z-index: 2;
    background: white;
    font-size: 15pt;	
    overflow: scroll;
    overflow-x:hidden;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div.btnFilterDetail {
	padding-top:3px;
	text-align:right;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > ul{
    list-style-type: none;	
    position: relative;
    right: 24px;
    overflow:hidden;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > div > input[type=button]:hover{
	background: #152a42;
    cursor:pointer;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > div > input[type=button]{
    width: 100%;
    background: #274c77;
    color: white;
    font-weight: 700;
    border: none;	
}

body > div.container1 > div.section2 > div.labelFilterDetail > form > div > div > button{
    width: 100%;
    background: #274c77;
    color: white;
    font-weight: 700;
    border: none;	
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > ul > li{
    margin: 2px 0px;	
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > ul > li > input{
    width: 16px;
    height: 16px;
    position: relative;
    right: 7px;	
}
body > div.container1 > div.section2 > div.labelFilterDetail > form{
    margin: 5px;
    margin-top: 13px;
}	
body > div.container1 > div.section2 > div.labelFilterDetail > form > table > tbody > tr > td:nth-child(2) > input{
    background: #274c77;
    color: white;
    border: 3px solid #274c77;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > table > tbody > tr > td:nth-child(2):hover{
	border: 1px solid #152a42;
    cursor:pointer;
}
/* body > div.container1 > div.section2 > div.labelFilterDetail > form > table > tbody > tr > td:nth-child(2) > input:hover{
	background: #152a42;
    cursor:pointer;
} */
body > div.container1 > div.section2 > div.labelFilterDetail > form > table > tbody > tr > td:nth-child(2){
    border: 1px solid #274c77;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > ul > li:last-child{
	margin-bottom:-2px;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > div{
	position: sticky;
    bottom: 0px;
}
body > div.container1 > div.section2 > div.labelFilterDetail > form > div > div:nth-child(2){
	position: sticky;
    bottom: 64px;
}

#fileTable > tbody > tr > td.addList,
#fileTable > tbody > tr > td.add {
	color:blue;
}	
#fileTable > tbody > tr > td.incList,
#fileTable > tbody > tr > td.inc { 
	color:green;
}
#fileTable > tbody > tr > td.decList,
#fileTable > tbody > tr > td.dec { 
	color:red;
}
#fileTable > tbody > tr > td.cancelList,
#fileTable > tbody > tr > td.can {
	color:gray;
}



body > div.container1 > div.section2 > div.labelFilterDetail > form > div > div:nth-child(3){
	position: sticky;
    bottom: 32px;
}

#tbody > tr> td:nth-child(9) > img, #tbody > tr> td:nth-child(8) > img{
	width:20px;
	margin-left:2px;
}

#tbody > tr> td:nth-child(9) > input{
	width:40px;
	text-align :right;
}

#tbody > tr> td:nth-child(8) > input{
	text-align :right;
	width:50px;
}

body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea{
	display:flex;
	flex-wrap : wrap;
	align-content:stretch;
	height:70px;
	border: 1px solid lightgray;
	border-radius: 6px;
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div{
    width: 111px;
    border:1px solid lightgray;
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div > label{
    font-size: 15pt;
    margin: 0;
    text-align: center;
    width: 72px;	
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div > input{
    border: 1px solid  red;
    width: 18px;
    height: 18px;	
    margin-left:8px;
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div.comparedAdd > label{
	color: blue;
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div.comparedCancel > label{
	color: gray;
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div.comparedIns > label{
	color: green;
}
body > div.container1 > div.section2 > div.labelFilterDetail > div.comparedFilterArea > div.comparedDec > label{
	color: red;
}

body > div.container1 > div.section2 > div.labelFilterDetail > form:nth-child(4) > div{
    position: absolute;
    visibility: hidden;
    font-size: 12px;
    border: 1px solid;
    width: max-content;
    height: auto;
    z-index: 2;
    background: white;
    font-size: 15pt;
    overflow: scroll;
    overflow-x: hidden;	
}
body > div.container > div.recallList:hover,
body > div.container > div.compareList:hover{
	background:#152a42;
	color:white;
	cursor:pointer;
}
body > div.container > div.master:hover{
	background:#152a42;
	color:white;
	cursor:pointer;
}
body > div.container > div.master{
    border: 3px solid #aeffae;
    position: fixed;
    left: 1565px;
    top: 10px;
    background:#2C3E50;
    color: white;
    width: 112px;
    text-align: center;
    font-size: 13pt;
    height: 35px;
    font-weight:700;
}
body > div.container > div.recallList,
body > div.container > div.compareList{
	border: 3px solid #aeffae;
    position: fixed;
    left: 1565px;
    top: 10px;
    background:#2C3E50;
    color: white;
    width: 112px;
    text-align: center;
    font-size: 13pt;
    height: 35px;
    font-weight:700;
}
body > div.container > div.excelList:hover{
	background:#152a42;
	color:white;
	cursor:pointer;
}
body > div.container > div.excelList{
    border: 3px solid #aeffae;
    position: fixed;
    left: 1674px;
    top: 10px;
    color: white;
    background:#2C3E50;
    width: 124px;
    text-align: center;
    font-size: 13pt;
    height: 35px;
    font-weight:700;
}



body > img {
    z-index: 15;
    position: fixed;
    bottom: -0.4em;
    width: 60px;
    left: 58.1em;
    /* border: 1px solid; */
    background: powderblue;
    border-radius: 10px;
}
body > img:hover {
	transform: scale(1.2);
	transition: .5s;
	cursor:pointer;
}


#layer_popup{
	display:none;	
}
#layer_popup + label {
	display:none;
	/* 버튼 숨기기 display:inline-block; */
	padding:7px 14px;
	background: #000;
	color:#fff;	
}
#layer_bg{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.5);
}
#popup{
    position: absolute;
    box-sizing: border-box;
    border-radius: 15px;
    width: 1800px;
    height: 800px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 7px 7px 5px rgba(0,0,0,0.2);
}
#popup > h2{
	margin-bottom :25px;
}
#popup > h2 > label {
	float:right;
}
#layer_popup:checked + label + #layer_bg {
	display:block;
}
#popup > div > h2{
    font-size: 23pt;
    text-align: center;
    font-weight: 700;
    margin-top: 16px;	
}
#modal-content > div.title{
    height: 68px;
    border-radius: 6px 6px 0px 0px;
}
#popup > div > label:hover{
	cursor:pointer;
	
}
#popup > div > label{
    margin-bottom: .5rem;
    float: right;
    border: 1px solid;
    width: 79px;
    font-size: 17pt;
    text-align: center;
    font-weight: 700;
    color: black;	
    margin-right: 18px;
    position: fixed;
    right: 3px;
    top: 17px;
}
#popup > div.popupDiv{
	margin-top:0;
}
body > div.orderFileReadArea{
    display: flex;
    max-width: 1457px;
    justify-content: space-between;
    height: 50px;
    position: relative;
    bottom:2px;
}
body > div.orderFileReadArea > div > span.vFileCommon{
    font-size: 13pt !important;	
}

body > div.orderFileReadArea > span,
body > div.orderFileReadArea > div > span.vFileCompanyTitle,
body > div.orderFileReadArea > div > span.vFileNameTitle,
body > div.orderFileReadArea > div.visibleFile1 > div,
body > div.orderFileReadArea > div.visibleFile2 > div {
    font-size: 10pt;
    font-weight: 700;
    margin-left: 13px;	
    color:gray;
}
body > div.orderFileReadArea > span{
    line-height: 18px;
    border-right: 2px dotted;
    padding: 4px;	
    color: #2C3E50;
}
body > div.orderFileReadArea > div.visibleFile1 > span.vFile1Title,
body > div.orderFileReadArea > div.visibleFile2 > span.vFile2Title,
body > div.orderFileReadArea > div.visibleFilesCompared > span.vFile3Title{
    color: #2C3E50;
    font-weight: 700;
    font-size: 17pt;
    margin-left: 10px;	
}
body > div.orderFileReadArea > div > span.vFileCount{
    font-size: 10pt;
    font-weight: 700;
    font-style: oblique;	
}
body > div.orderFileReadArea > div > span.impText,
body > div.orderFileReadArea > div.visibleFile1 > div > span.vFile1FileName.impText{
    font-size: 13pt;
    font-weight: 700;	
}

body > div.orderFileReadArea > div.visibleFilesCompared > span.addColor{
	color:blue;
}
body > div.orderFileReadArea > div.visibleFilesCompared > span.canColor{
	color:gray;
}
body > div.orderFileReadArea > div.visibleFilesCompared > span.insColor{
	color:green;
}
body > div.orderFileReadArea > div.visibleFilesCompared > span.decColor{
	color:red;
}


#pinfoUpdate{
    width: 137px;
    font-weight: 700;
}
#modal-content > div.title > button.btn.btn-outline-danger.right{
    font-weight: 700;
    width: 100px;	
}
#modal-content > div.title > button.btn.btn-outline-primary.right{
	font-weight: 700;
    width: 100px;	
}
#cancelMocal{
    background: rgb(0,0,0,0.3);
}

body > div.visibleFilesBtnArea > div.master{
	/* display:inline-block; 마스터파일 버튼 임시 비활성화*/
	display:none;
    padding: 5px;
    background: white;
    border: 2px solid black;
    font-size: 12pt;
    font-weight: 700;
    margin-left: 16px;
    border-radius:5px;
    width:116px;
    text-align:center;
}
body > div.visibleFilesBtnArea > div.compareList,
body > div.visibleFilesBtnArea > div.recallList{
	display:inline-block;
    padding: 5px;
    background: white;
    border: 2px solid black;
    font-size: 12pt;
    font-weight: 700;
    margin-left: 16px;
    border-radius:5px;
    width:145px;
    text-align:center;
	opacity: 0.3;
	pointer-events:none;
}

body > div.visibleFilesBtnArea > div.excelList{
	display:inline-block;
    padding: 5px;
    background: white;
    border: 2px solid black;
    font-size: 12pt;
    font-weight: 700;
    margin-left: 16px;
    border-radius:5px;
    width:115px;
    text-align:center;
	opacity: 0.3;
	pointer-events:none;
}

body > div.visibleFilesBtnArea > div.master:hover,
body > div.visibleFilesBtnArea > div.compareList:hover,
body > div.visibleFilesBtnArea > div.recallList:hover,
body > div.visibleFilesBtnArea > div.excelList:hover{
	cursor:pointer;
	background:lightgreen;
}

body > div.visibleFilesBtnArea_labelPrint > div.compareList:hover,
body > div.visibleFilesBtnArea_labelPrint > div.recallList:hover{
	cursor:pointer;
	background:lightgreen;
}

body > div.orderFileReadArea > div.visibleFilesBtnArea{
    width: 330px;
    height: 41px;
}

body > div.orderFileReadArea > div.visibleFilesBtnArea > div.master,
body > div.visibleFilesBtnArea > div.visibleFilesBtnArea> div.compareList,
body > div.orderFileReadArea > div.visibleFilesBtnArea > div.recallList,
body > div.orderFileReadArea > div.visibleFilesBtnArea > div.excelList{
	display:inline-block;
}

body > div.visibleFilesBtnArea{
    position: absolute;
    left: 1452px;
    width: 435px;
    top: 159px;
    display: flex;
    justify-content: center;
}
body > div.orderFileReadArea > div.visibleFile1{
    max-width: 400px;
    margin-left:21px;
}
body > div.orderFileReadArea > div.visibleFile2{
    max-width: 400px;
}
body > div.orderFileReadArea > div.visibleFilesCompared{
	max-width: 550px;	
	line-height:45px;
}

body > div.orderFileReadArea > div.visibleFile1 > div,
body > div.orderFileReadArea > div.visibleFile2 > div{
	position:relative;
	bottom:4px;
}
body > div.orderFileReadArea > div.visibleFile1 > div > p,
body > div.orderFileReadArea > div.visibleFile2 > div > p {
    max-width: 201px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    margin-bottom: -5px;	
    color:black;
    font-weight:700;
}
body > div.orderFileReadArea > div.visibleFilesCompared > span.vFileCompanyTitle.addColor{
	margin-left:15px;
}


#modal-content > div.title > span#pop_recallCount{
    font-size: 14pt;
    font-weight: 700;
    margin-left: 222px;
    padding: 2px;
    position: relative;
    bottom: 7px;	
}
#tbody > tr > td.shinColor {
	/* color: blue; */
}

body > div.container > div.datePickerArea > label:hover{
	cursor:pointer;
	background:lightgray;
}
body > div.container > div.datePickerArea > label{
    border: 1px solid lightgray; 
    width: 204px;
    position: relative;
    top: 3px;
    border-radius: 5px;
}

body > div.container > div.datePickerArea > label > span{
	font-weight: 700;
    margin-left: 36px;
}

#chulgoYn{
    width: 17px;
    height: 17px;
    position: relative;
    top: 3px;
}

body > div.orderFileOptionArea{
    display: flex;
    height: 33px;	
    width:64%;
   	justify-content:center;
}

body > div.orderFileOptionArea > div > label:hover{
	cursor:pointer;
    color: white;
}
body > div.orderFileOptionArea > div > label{
    border: 2px solid #2C3E50;
    width: 137px;
    border-radius: 3px;
    background: #2C3E50;
    color: lightgray;
    font-size: 12pt;
    text-align: center;
    padding: 1px;
    height: 31px;
}
body > div.orderFileOptionArea > div{
    display: flex;
    width:inherit;
    justify-content: space-around;	
    
}



body > div.textArea > input[type=checkbox]:nth-child(4){
	position: relative;
    bottom: 44px;
    right: 135px;
}

body > div.textArea > span:nth-child(5){
	position: relative;
    bottom: 66px;
    left: 81px;
}


.rpaText{
	width:100%;
}
body > div.container1 > div.section2 > div.sortArea > input{
	position: relative;
    top: 45px;
}
body > div.textArea > input{
	position: relative;
    bottom: 51px;
    left: 58px;
    width: 100%;
    height:30px;
}

#compareChoice{
	width: 200px;
    display: block;
    text-align: center;
    color: blue;
}

.visibleFilesBtnArea_labelPrint > div{
    display: inline-block;
    padding: 2px;
    background: white;
    border: 2px solid black;
    font-size: 12pt;
    font-weight: 700;
    margin-left: 16px;
    border-radius: 5px;
    width: 130px;
    text-align: center;
    opacity: 0.3;
    pointer-events: none;	
}
.visibleFilesBtnArea_labelPrint{
    position: absolute;
    right: -21px;
    width: 404px;
    top: 236px;
    display: flex;
    justify-content: center;	
}

#compareChoice > .compareChoiceAdd {
	padding: 0px 9px 0px 0px; 
	color:blue;
}
#compareChoice > .compareChoiceInc {
	padding: 0px 9px 0px 0px; 
	color:green;
}
#compareChoice > .compareChoiceDec {
	color:red;
}

/* #fileTable #thead tr,
#fileTable #tbody tr {
	display:flex;
}
 */

#fileTable #tbody tr td .cell-content{
    word-wrap: break-word;
    white-space: normal;
    overflow: hidden;
	width:max-content;
}
/* 개별 크기 조정 */
/* checkbox */
/* #fileTable #thead tr th{}
#fileTable #tbody tr td {
	width:fit-content;
} */
#fileTable #tbody tr td:nth-child(1) .cell-content {
	max-width:35px;	
}
/* DOCK */
#fileTable #tbody tr td:nth-child(2) .cell-content {
	max-width:50px;
}
/* 사업장명 */
#fileTable #tbody tr td:nth-child(3) .cell-content{
	max-width:300px;
}
/* 단품명 */
#fileTable #tbody tr td:nth-child(4) .cell-content{
	max-width:300px;
}
/* 규격 */
#fileTable #tbody tr td:nth-child(5) .cell-content{
	max-width:170px;
}
/* 단위 */
#fileTable #tbody tr td:nth-child(6) .cell-content{
	max-width:100px;
}
/* 발주비고 */
#fileTable #tbody tr td:nth-child(7) .cell-content{
	max-width:100px;
}
/* 이전수량 */
#fileTable #tbody tr td:nth-child(8) .cell-content{
	max-width:40px;
}
/* 변경수량 */
#fileTable #tbody tr td:nth-child(9) .cell-content{
	max-width:40px;
}
/* 발주수량 */
#fileTable #tbody tr td:nth-child(10) .cell-content{
	max-width:40px;
}
/* 입수 */
#fileTable #tbody tr td:nth-child(11) .cell-content{
	max-width:40px;
}
/* 발행매수 */
#fileTable #tbody tr td:nth-child(12) .cell-content{
	max-width:40px;
}
/* 원산지(발주) */
#fileTable #tbody tr td:nth-child(13) .cell-content{
	max-width:80px;
}
/* 원산지(제품관리) */
#fileTable #tbody tr td:nth-child(14) .cell-content{
	max-width:73px;
}
/* 제품관리연동 */
#fileTable #tbody tr td:nth-child(15) .cell-content{
	max-width:63px;
}
/* 배송분류표번호 */
#fileTable #tbody tr td:nth-child(16) .cell-content{
	max-width:300px;
}