.height100{
	height: calc(100% - 4.1em); /* element height control */
	height: -moz-calc(100% - 4.1em);
	height: -webkit-calc(100% - 4.1em);
	margin: 0;
	padding: 0;
}

.height90{
	height: calc(100% - 10%);
	height: -moz-calc(100% - 10%);
	height: -webkit-calc(100% - 10%);
	margin: 0;
	padding: 0;
}

.highlight{background-color:#ffff00;} /* TEXT SEARCH HIGHLIGHT */
.highlight2{background-color:#ffcab0;} /* TEXT SEARCH HIGHLIGHT2 */

.sortPlaceholderClass {display:inline-block;min-width:14em;height:1.8em;line-height:1.8em;background-color:#ffff00;} /* /common/gridSearchDp.php */
.sortPlaceholderClassVisitPage {display:inline-block;min-width:10em;height:3em;background-color:transparent;}
.sortPlaceholderClassTax {height:2.6em;line-height:2.6em;border-top:0.5px solid #444;background-color:#ffff00;} /* 세금계산서 발행 요청 */
.sortPlaceholderClassBalju {height:2.9em;line-height:2.9em;border-top:0.5px solid #444;background-color:#ffff00;} /* 구매발주 */
.sortPlaceholderClassNaqgi {position:relative;top:1.1em;width:225px;height:8.6em;border:0.5px solid #9bbbd4;background-color:#ffff00;margin:0 1.5em 0 0;} /* 납기 변경 */

.ui-button{font-size:1em;}
.ui-button:not(.ui-button-icon-only) {font-size: 1em; padding:0.25em 0.7em 0.25em 0.5em;}
.ui-button:not(.ui-button-icon-only) .ui-icon {position:relative;top:-0.05em;}
.ui-widget.ui-widget-content {border: 0;} /* tabs border */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0.5em 0.8em 0.5em 0.5em;} /* tabs li padding */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor i.ui-icon {margin-right:0.05em;}

.btn{background-color:#547aad; color:#fff; padding:0.9em 2.3em 0.9em 2.1em; text-decoration:none;}

.btn222:hover{background-color:#5f676b !important; color:#fff !important;}
.btn222:hover a, .btn222:hover i{color:#fff !important;}
.btn222 .highlight, .btn222 .highlight2{background-color:transparent !important; color:#fff !important;}

.btnfff:hover{background-color:#fff !important; color:#222 !important;}
.btnfff:hover a, .btnfff:hover i{color:#222 !important;}

.btne8e8e8{}
.btne8e8e8:hover{background-color:#e8e8e8 !important; color:#222 !important;}
.btne8e8e8:hover a{color:#222}

.btn666{background-color:#ebebeb;}
.btn666:hover{background-color:#666 !important; color:#fff !important;}
.btn666:hover a, .btn666:hover i{color:#fff !important;}

.btn666Hover{}
.btn666Hover:hover{background-color:#666 !important; color:#fff !important;}
.btn666Hover:hover a, .btn666Hover:hover i{color:#fff !important;}

.btneee{}
.btneee:hover{background-color:#eee !important; color:#222 !important;}
.btneee:hover a{color:#222}

.btnDark:hover{background-color:#28538c !important; color:#fff !important;}
.btnDark:hover a, .btnDark:hover i{color:#fff !important;}

.btnBlue:hover{background-color:#3e67ac !important; color:#fff !important;}
.btnBlue:hover a, .btnBlue:hover i{color:#fff !important;}

.btnOverGray:hover {color:#ccc !important;}
.btnOverDarkGray:hover {color:#777 !important;}
.btnOverBlack:hover {color:#222 !important;}
.btnOverRed:hover {color:#d35e01 !important;}
.btnOverBlue:hover {color:#428bca !important;}
.btnOverYellow:hover {color:#ffff80 !important;}

.btnOver428:hover{background-color:#428bca !important; color:#fff !important;}

.btnGray:hover{background-color:#f6f7f9 !important; color:#444 !important;}
.btnGray:hover a, .btnGray:hover i {color:#444 !important;}

.btnGrayClicked{border-color:#889196 !important; background-color:#889196 !important;}
.btnGrayClicked, .btnGrayClicked a, .btnGrayClicked i{color:#fff !important;}

.btn183:hover{background-color:#183153 !important; color:#fff !important;}
.btn183:hover a, .btn183:hover i{color:#fff !important;}

.btn183Clicked{border-color:#183153 !important; background-color:#183153 !important;}
.btn183Clicked, .btn183Clicked a, .btn183Clicked i{color:#fff !important;}

.btnGradient{
	background-color: #eeeeee;
	outline: 0;
	background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
	background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
	background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.btnGradient:hover{
	background-color: #dadada;
	background-image: -webkit-linear-gradient(top, white 50%, #dadada 100%);
	background-image: -o-linear-gradient(top, white 50%, #dadada 100%);
	background-image: linear-gradient(to bottom, white 50%, #dadada 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFDADADA', GradientType=0);
}
.btnGradientYellow{
	background-color: #feeb01;
	background-image: -webkit-linear-gradient(top, #ffffd2 15%, #feeb01 100%);
	background-image: -o-linear-gradient(top, #ffffd2 15%, #feeb01 100%);
	background-image: linear-gradient(to bottom, #ffffd2 15%, #feeb01 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFEEB01', GradientType=0);
}
.btnGradientGreen{
	background-color: #86cca5;
	background-image: -webkit-linear-gradient(top, #f9fdfb 15%, #86cca5 100%);
	background-image: -o-linear-gradient(top, #f9fdfb 15%, #86cca5 100%);
	background-image: linear-gradient(to bottom, #f9fdfb 15%, #86cca5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FF86CCA5', GradientType=0);
}
.btnGradientRed{
	background-color: #ff9933;
	background-image: -webkit-linear-gradient(top, #fbf4f4 15%, #ff9933 100%);
	background-image: -o-linear-gradient(top, #fbf4f4 15%, #ff9933 100%);
	background-image: linear-gradient(to bottom, #fbf4f4 15%, #ff9933 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFF9933', GradientType=0);
}
.btnGradientBlue{
	background-color: #9bbde8;
	background-image: -webkit-linear-gradient(top, #e9f0fa 15%, #9bbde8 100%);
	background-image: -o-linear-gradient(top, #e9f0fa 15%, #9bbde8 100%);
	background-image: linear-gradient(to bottom, #e9f0fa 15%, #9bbde8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FF9BBDE8', GradientType=0);
}
.btnGradientOrange{
	background-color: #ffa477;
	background-image: -webkit-linear-gradient(top, #ffe6d9 15%, #ffa477 100%);
	background-image: -o-linear-gradient(top, #ffe6d9 15%, #ffa477 100%);
	background-image: linear-gradient(to bottom, #ffe6d9 15%, #ffa477 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFA477', GradientType=0);
}
.btnGradientOrange2{
	background-color: #ffc1a4;
	background-image: -webkit-linear-gradient(top, #ffe6d9 15%, #ffc1a4 100%);
	background-image: -o-linear-gradient(top, #ffe6d9 15%, #ffc1a4 100%);
	background-image: linear-gradient(to bottom, #ffe6d9 15%, #ffc1a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFC1A4', GradientType=0);
}
.btnGradientPurple{
	background-color: #e4dfec;
	background-image: -webkit-linear-gradient(top, #e3e3ff 15%, #e4dfec 100%);
	background-image: -o-linear-gradient(top, #e3e3ff 15%, #e4dfec 100%);
	background-image: linear-gradient(to bottom, #e3e3ff 15%, #e4dfec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE4DFEC', GradientType=0);
}

.mover:hover{background-color:#eaeaea !important;}
.mover:hover .moverElse{background-color:transparent !important; color:#222 !important;}
tbody.rowspanTbodyMover:hover td[rowspan], .mover:hover td {background-color:#eaeaea;}

.mover2:hover{background-color:#2f6da6 !important;}
.mover2:hover .moverElse{background-color:transparent !important; color:#fff !important;}

.mover3:hover{background-color:#f3f3f3 !important;}
.mover3:hover .moverElse{background-color:transparent !important;}

.fixedHeader{position:sticky; top:0;}

.textBr{word-wap:break-word;word-break:break-all;}
.overflow{overflow:hidden;}
.bold{font-weight:bold;}
.boldOver{}
.boldOver:hover{font-weight:bold}
.transition1:hover {transition:0.2s linear;}
.whiteSpaceNowrap {white-space: nowrap;}

.nowrap{
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
}

.textEllipsis {
	max-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

.twoLineEllipsis {
	width:inherit;
	white-space:normal;
	word-break:break-all;	
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	padding-right:0.5em;
}

.twoLineEllipsis2 {
	width:inherit;
	white-space:normal;
	word-break:break-all;	
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.twoLineEllipsis3 {
	white-space:normal;
	word-break:break-all;	
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.inputFocus:focus{background-color:#f3f3f3 !important;}
.trBorder{border-collapse:collapse;} /* tr에 border 적용 (해당 table에 style) */
.trTopBottomBorder {border-top:2px solid #428bca !important; border-bottom:2px solid #428bca !important;} /* grid tr click 시에 사용 (focus 용) */

.box_radius_table{border-collapse:separate;} /* box_radius 안먹힐때 table 에 적용 */
.box_radius3{-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}

.box_top_radius3{-webkit-border-top-radius:3px; -moz-border-top-radius:3px; -o-border-top-radius:3px; -ms-border-top-radius:3px; border-top-radius:3px;}
.box_bottom_radius3{-webkit-border-bottomradius:3px; -moz-border-bottom-radius:3px; -o-border-bottom-radius:3px; -ms-border-bottom-radius:3px; border-bottom-radius:3px;}

.box_right_radius3{-webkit-border-right-radius:3px; -moz-border-right-radius:3px; -o-border-right-radius:3px; -ms-border-right-radius:3px; border-right-radius:3px;}
.box_top_right_radius3{-webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; -o-border-top-right-radius:3px; -ms-border-top-right-radius:3px; border-top-right-radius:3px;}
.box_top_left_radius3{-webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px; -o-border-top-left-radius:3px; -ms-border-top-left-radius:3px; border-top-left-radius:3px;}

.box_radius5{-webkit-border-radius: 5px;-moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.box_radius10{-webkit-border-radius: 10px;-moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}

.box_alpha30{filter:alpha(opacity=30);	 opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3; -o-opacity:0.3; -ms-opacity:0.3;}
.box_alpha50{filter:alpha(opacity=50);	 opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5; -o-opacity:0.5; -ms-opacity:0.5;}

.box_shadow1{-webkit-box-shadow: 1.5px 1.5px 2px 0px rgba(0,0,0,0.2); box-shadow:1.5px 1.5px 2px 0px rgba(0,0,0,0.2);}
.box_shadow2{-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5); box-shadow: 0 2px 5px rgba(0, 0, 0, .5);}       
.box_shadow3{-webkit-box-shadow: 1.5px 1.5px 2px 0px rgba(0,0,0,0.15); box-shadow:1.5px 1.5px 2px 0px rgba(0,0,0,0.15);}
.box_shadow10{-webkit-box-shadow: 3.5px 3.5px 8px 0 rgba(50,50,50,0.26); box-shadow: 3.5px 3.5px 8px 0 rgba(50,50,50,0.26);}   

.underline{text-decoration:underline;}
.underlineNone{text-decoration:none;}
.underlineOver:hover{text-decoration:underline;}
.underlinePos{text-underline-position:under;}
.underlinePosStyleDashed{text-decoration-style:dashed;}
.underlineCancel{text-decoration:line-through;}

.fontColorDisabled{color:#999;}

/* tr에 취소선 적용 */
tr.strikeout td {position:relative;}
tr.strikeout td:before {
	content: " ";
	position: absolute;
	left: 0; top: 50%; width: 100%;
	border-bottom: 1px solid #ccc;
}

.ul_autoHeight::after{display:block; clear:both; content: '';}

.diagonal{
	background-image: linear-gradient(to left bottom, transparent calc(50% - 0.5px), #555, transparent calc(50% + 0.5px));
	background-size: 120% 120%;
	background-position: center;
}

.inputStartEng{-webkit-ime-mode:inactive;-moz-ime-mode:inactive;-ms-ime-mode:inactive;ime-mode:inactive;}
.inputStartHan{-webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active;}

/* fontAwesome input search icon */
.inputSearch::placeholder{font-family: 'Helvetica Neue','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', Dotum,'돋움',sans-serif,'Font Awesome 6 Free'; font-weight: 600;}

.slowRightSpin{-webkit-animation:fa-spin 8s infinite linear; animation:fa-spin 8s infinite linear;}
.fastRightSpin{-webkit-animation:fa-spin 3s infinite linear; animation:fa-spin 3s infinite linear;}

@keyframes blink-effect{50%{opacity:0.7;}}
.blink{animation: blink-effect 1.5s step-end infinite;