html{background-color: #e6e6e6;color:#333333;line-height: 1.6; overflow-x: hidden;}
*,*::after,*::before{margin: 0;padding: 0;
	box-sizing: border-box;
    -moz-tab-size: 2; /* Firefox 4+ */
    -o-tab-size: 2; /* Opera 11.5 & 12.1 only */
    tab-size: 2; /* Chrome 21+, Safari 6.1+, Opera 15+ */
}
body{font-family: 'Malgun Gothic',' ','Dotum','',verdana,sans-serif;
	font-size: 14px;font-weight: normal;
	display: flex;justify-content: center;align-items: center;
	margin: 0;
	width: 100%;min-width: 320px;
	overflow: hidden;
	vertical-align:baseline;word-break: keep-all;
	counter-reset: pages;
}
/* normalize css */
/* html {line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {margin: 0;}
*/
main {display: block; }
hr {box-sizing: content-box; /* 1 */
	/* height: 0; */
	overflow: visible; /* 2 */
	border: 1pt inset;
	margin: 4px 0px; border: 0px; height: 1px;
	background: linear-gradient(to right,silver,gray,silver);
}
a{text-decoration: none;background-color: transparent;}
a:link{color: #1a0dab;}
a:visited{color: #545454;}
a:hover{color: #dd4b39;}
a:active{color: #006621;}
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}
b,strong {font-weight: bold;}
strong{color:#1a0dab;}

code,kbd,samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 16px; /* 2 */
}
small {font-size: 80%;}
sub,sup {
	position: relative;	vertical-align:super;
}
sub {bottom: -0.25em;}zzzzzzz
sup {top: -0.5em;}
table {border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	line-height:1.6;
	margin: 8px auto;
	overflow: hidden;
}
thead{display: table-header-group}
tbody{display: table-row-group}
tfoot{display: table-footer-group}

col{display: table-column}
colgroup{display: table-column-group}

tr{display: table-row}
td,th{display: table-cell}
/* Set font size for cells in the special row */
/* tbody td {text-indent: -6px;} text center   <p>ggggggggggffff
zzxx.042424242ffffffftag ̿ */
/* figure {display: flex;flex-flow: column;padding: 4px;margin: auto;} */

figure {display: flex;	flex-direction: column;	justify-content: center; align-items: center;}
.CaptionBt {caption-side: bottom;}
figcaption {font: italic smaller sans-serif;}
figcaption {display:block;font-size: 16px;  text-align: center;;}

canvas{border-style: none;max-width: 100%;vertical-align: middle;text-align: center;padding: 0px;margin: auto;}
.ebTable{border-radius: 8px;}
.ebTable thead {font-weight: bold;  text-align: center;;}
.ebTable thead th {font-size: 16px;}
/* .ebTable thead td {font-size: 10pt;} */
.ebTable thead tr{background-color: #d9ebf2;}
/* thead {line-height: 1.2;}  */
.ebTable tr:first-child{margin-top: 6pt; border-top:solid #004181 1.5pt;}
.ebTable tr:last-child{border-bottom: 2px solid #056559}
.ebTable tr:hover{background-color: #FFFFE0}


.ebTable th, .ebTable td {border: thin #c0c0c0 solid;}
.ebTable th:first-child,.ebTable td:first-child{border-left: 0;}
.ebTable th:last-child,.ebTable td:last-child{border-right: 0;}

.ebTable tbody th {font-size: 14px;color: #333333; background-color:rgba(225,232,237,0.2)}
.ebTable tbody td {padding:4px;color: #111111;}
.ebTable tbody tr:nth-child(even){background-color: #f6f6f6} 

.thTxt14px tr>th {font-size: 14px}
.thTxt12px tr>th {font-size: 12px}
.thTxt10px tr>th {font-size: 12px}

.tdTxt14px tr>td {font-size: 14px}
.tdTxt12px tr>td {font-size: 12px}
.tdTxt10px tr>td {font-size: 10px}


.ebTable tfoot tr{background-color:  #d6ecd4;}
.ebTable tfoot th{font-weight: bold;text-align: center;}
.ebTable tfoot td{font-weight: normal;text-align: center;}


.ebSpec{border-collapse: separate;border-spacing: 12px 2px; margin-left: 32px;}
.specBox th{border: 2pt solid #1a0dab;border-radius: 8px;}
.ebSpec thead th{font-size: 16px;border-bottom: 2pt solid #1a0dab;}
.ebSpec thead td{font-size: 16px;font-weight: bold;}
.ebSpec tbody th{font-size: 16px;}
.ebSpec tbody td{font-weight: bold;}
.ebSpec span{font-weight: normal;}

.Nchild tbody tr:nth-child(even){background-color: white}

/*
.Nchild tbody tr:nth-child(even){background-color: white}
.ebTable tbody tr:first-child{border-top: 2px solid #808080}
*/

th[scope='col'] {background-color: #505050;color: #fff;}
th[scope='row'] {background-color: #d6ecd4;}

.ebBorder01 th, .ebBorder01 td{border: 1pt solid}
.ebBorder02 th, .ebBorder02 td{border: 2pt solid}
.ebBorder00 th, .ebBorder00 td{border: none}

table>caption{display: table-caption;font-weight: bold;font-size: 16px;padding-top: 8px;}
caption>span,span.units{float: right; margin-top:10px; font-weight: normal;font-size: small;padding-right: 40px}
td>p {text-align: left; margin: 0px;padding:auto;}
td>ul{text-align: left; margin: 0px;padding:auto;}




/* .ebTable tbody th{color:#000000;} */
/* .ebTable tfoot tr:first-child{border-top: 1.2px solid #808080}*/

tr.lineTop{border-top: 2px solid #adb5bd}

.ebTableIn{margin: 0;padding: 0;}
.ebTableIn th{font-size: 10pt;}
.ebTableIn thead tr:first-child{border-top: 0px}
.ebTableIn tbody tr:first-child{border-top: 0px}
.ebTableIn tbody tr:last-child{border-bottom: 0px}
.ebTrTopNoon td {border-top: none;}
.ebTrTopNoon th {border-top: none;}
.ebTrBtnNoon td {border-bottom: none;}
.ebTrBtnNoon th {border-bottom: none;}

.ebTdfirstLt td:first-child {text-align: left;}
.ebTdLastLt td:last-child {text-align: left;}
.ebTd2Lt td:nth-child(2) {text-align: left;}
.ebThLast10 th:last-child {font-size: 10pt;}

.ebHoTh th{position: relative;}
.ebHoTh tr{background-color: auto;}
.ebHoTh th:hover::after{background: rgba(0, 128, 0, 0.1);
	content: '\00a0';height: 8000px;left: 0;
	position: absolute;top: -4000px;width: 100%;
}

.lineH06 .lineH08 .lineH10 .lineH10 {margin:0;padding:0;}
.lineH06{line-height: 0.6 !important}.lineH08{line-height: 0.8 !important}.lineH09{line-height: 0.9 !important}
.lineH10{line-height: 1.0 !important}.lineH10{line-height: 1.2 !important}.lineH14{line-height: 1.4 !important}

.lineH16 .lineH20 .lineH24 .lineH32 {margin-top:12px ; margin-bottom: 12px;}
.lineH16{line-height: 1.6 !important}
.lineH20{line-height: 2.0 !important}.lineH24{line-height: 2.4 !important}.lineH32{line-height: 3.2 !important}.lineH40{line-height: 4.0 !important}


img {border-style: none; display: block;
	margin: 8px auto;
}
img.logo{height: 32px;display: inline-block;}

button,input,optgroup,select,textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.2; /* 1 */
	margin: 0; /* 2 */
}
button{background: none;color: inherit;border: none;cursor: pointer;outline: inherit;}

button, input { /* 1 */
	overflow: visible;
}
button,select { /* 1 */
	text-transform: none;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"],[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	/* -webkit-appearance: textfield; 1 */
	outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}


.page,header,section,footer,aside,nav,article,section{display: block;} 
/* li{display: list-item; list-style: none;} */
input::focus{outline: none;}
.page{width: 210mm;height: 297mm;
	position: relative;
	background-color:#ffffff;
	padding: 8mm 10mm 5mm 10mm;
	margin: 0 auto;
	margin-bottom: 2mm;
	box-shadow: 0 0 4mm #808080;
	counter-increment: pages;
	page-break-after: always;
}
.pageCover{
	position: absolute;top: 0%;left: 0%;
	width: 100%;height: 100%;
	object-fit: cover;
}
.pageHead{
	position: absolute;top: 10%;left: 50%;
	width: 100%;
	transform: translate(-50%,0%);
	text-align: center;
	width: 100%;height: 100%;
	font-size: 40pt;font-weight: bold ;
}
.pageImg{
	width: 80%;
	position: absolute;top: 50%;left: 50%;
	transform: translate(-50%, -50%);
}
.pageLogo{
	position: absolute;top: 90%;left: 49%;
	transform: translate(-50%,0%);
}
/*	vertical-align: text-top; */
@page{
	size: 210mm 297mm;/*A4*/
	margin: 0mm
}
@media print{
	html, body{margin: 0;padding: 0;page-break-after: avoid;page-break-before: avoid	}
	.body, .page{margin-top: -1px} /*ȼ ذ1*/
	.page:first-child{page-break-before: auto;page-break-inside: avoid}
	.page{overflow: hidden;position: relative;width: 210mm;
		height: 297mm;/*ȼ ذ1 */
		height: calc(297mm - 1px);/*ȼ ذ2 - IE */
		page-break-before: always
	}
	.page>.content{/*img .pageȿ  */
		position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%
	} 
	.page>.watermark{position: absolute;top: 45%;left: 25%;width: 50%;height: 10%;z-index: 50}
	h1{page-break-before: always}
	h1, h2, h3,	h4, h5, h6{page-break-after: avoid}
	ul, ol, dl{page-break-before: avoid}
}
header{display: flex;justify-content: space-between;  
	margin-bottom: -2; height: 8mm;
} 
header::before{font-size:18px;
	font-weight: bolder;
	content: url("../SvgIcon/svgMse20.png") 'Mechanical Senior Expert';
}
h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup {
	vertical-align: super;
	font-size: 0.8em; /* ⺻ ۲ ũ 80% ٿ  ۰ ̰  ( ) */
	margin-left: 0.2em; /* ʿ信    ߰Ͽ Ϲ ؽƮ ణ   ( ) */
  }
header h5 {font-style: oblique;font-size: medium;color: #008744;}
/* content: document.write(docNum+"<small>"+' ('+docDate+')'+"</small>")	*/
footer{position: absolute;margin: 0; width: 190mm;bottom: 5mm;height: 10mm;} 
/*vertical-align: middle;*/
footer kbd{float: right;
		color: #d62d20;
		font-style: normal;
		font-size: 18px;
		font-weight: bolder;
		padding: 4px 12px;
		border-radius: 50%;
		box-shadow: 0 2px 1px #808080;
}
footer kbd::before{content: counter(pages);}
footer span{font-style: oblique;font-size: medium;color: #006621;}
.pageRh{float: right;font-size: 16pt;font-weight: bold;}
.ebTp{vertical-align: top!important}.ebMd{vertical-align: middle!important}
.ebBl{vertical-align: baseline!important}.ebBt{vertical-align: bottom!important}


body,fieldset, form,frame, frameset,noframes{display: block;unicode-bidi: embed}

h1{font-size: 36px;margin: 20px 0 8px 0;line-height: 1.2;text-align: center;color: Navy;}
h1>span{float: right;font-weight: normal;font-size: medium;padding-right: 40px;text-indent: -160px;}
h2{font-size: 32px;margin: 10px 0;line-height: 1.2;color: darkblue;}
h3{font-size: 24px;margin: 8px 0;line-height: 1.2;color: MidnightBlue;}
h4{font-size: 20px;margin: 4px 0 4px 8px;color: #444444;}
h5{font-size: 18px;margin: 4px 0 4px 20px;color: #333388;}
h6{font-size: 16px;margin: 4px 0 4px 24px;color: MidnightBlue;}
p{margin: 6px 0 0 32px;} /* 14px 10.5pt*/
h1,h2,h3,h4,h5,h6{font-weight: bold;}
p{font-weight: normal; text-indent: 0px;padding-left: 0px;}

/*multi heading position*/
.posh5{margin: 6px 0 6px 24px;}
.posh5 b{font-weight: bold;font-size: 18px;color: MidnightBlue;}
p.h5p{margin-left: 6px 0 6px 24px;} /* =>erase Outdentation h5 position */
h5>span {font-size: 16px;font-weight: normal;} /* &#8658;posh5 b */
h5>small {font-size: 14px;font-weight: normal;color:#333333;} /* &#8658;posh5 b */

/* before Point*/
h2.bPoint::before{content: "\25A3 \0020";}
h3.bPoint::before{content: "\25A3 \0020";}
h4.bPoint::before{content: "\274F \0020";}
h5.bPoint::before{content: "\25B7 \0020";}
h6.bPoint::before{content: "\25B6 \0020";}
p.bPoint::before{content: "\25B6 \0020";}
ul.bPoint::before{content: "\25B6 \0020";}

/* p.bPoint,p.bP25B7 {font-weight: bold;} */
p.cPoint::before{color: #c71c56;content: '\2022' '\00A0';}
p.inline{display: inline;padding-left: 0px!important;} 
p.InBlock{display: inline-block;padding-left: 0px!important;} 
p>b{font-size: 16px;}
.bP25A0::before{content: "\25A0 \0020";}
.bP25A3::before{content: "\25A3 \0020";}
.bP25B6 ::before{content: "\25B6 \0020";}
.bP25B7::before{content: "\25B7 \0020";}
.bP25FC::before{content: "\25FC \0020";}
.bP25FE::before{content: "\25FE \0020";}
.bP2756::before{content: "\2756 \0020";}

/* .ebPd32>span:first-child {font-size: 18px!important;font-weight: bold;} */

.ebinline{display: inline;} /* <h4 inline><p inline>*/
.ebInBlock{display: inline-block}

.first-word {
	color: #c71c56;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
}
/* color: #d55;*/
.initial32:first-letter {font-size: 32pt;color: #c71c56;font-weight: bold;margin-right: 6px;}
.initial24:first-letter {font-size: 24pt;color: #c71c56;font-weight: bold;margin-right: 6px;}
.initial20:first-letter {font-size: 16pt;color: #c71c56;font-weight: bold;margin-right: 4px;}
.initial16:first-letter {font-size: 16pt;color: #c71c56;font-weight: bold;margin-right: 2px;}

i, cite, em,var, address{font-style: italic}
button, textarea,input, select{display: inline-block}
/* position: absolute;top: -5000pt;width: 100%;z-index: -1; \2023*/

dl,dd,dt,dd,li,ol,ul{text-indent: -12px;padding-left: 12px;}

h5,h4{text-indent: -12px;padding-left: 12px;}
.ebIndent0{text-indent: 0px;padding-left: 0px;}
.ebIndent12{text-indent: 12px;padding-left: 0px;}

ul,ol{list-style: none;list-style-position: outside;font-weight: normal;}
.ebHoTr li:hover{background-color: #FFFFE0}
ul,ol,dl{margin-left: 48px;padding: 0;}
dl>dt{margin-left: 0px;}
 /* '\220E' '\2022' '\25B6''\25CF' '\25FC' '\25FE' */
ul>li::before{list-style: none;color: #c71c56;content: '\2022' '\00A0';}
ul.markerSquare>li::before{list-style: none;color: hotpink !important;content: '\25FE' '\00A0'}

/* section>li::before{color: hotpink;content: '\2022' '\00A0';} */
/* li::marker {
	content: '\220E' '\2022' '\25B6''\25CF' '\25FC' '\25FE' '\220E' '\00A0';
	color: #A9A9A9;
	font-size: 12px;
}
*/
ol{counter-reset: steps;}
ol>ul,ul>ol,ul>ul,ol>ol{margin-left: 12px;}
ol>li{margin-left: 16px; counter-increment: steps;}
ol>li:hover{background-color: #ccc}

.ebUlDisc{list-style-type: disc;}
.ebUlCircle{list-style-type: circle;}
.ebUlSquare{list-style-type: square;}

.ebOlDecimal{list-style-type: decimal;}
.ebOlDecimalZero{list-style-type: decimal-leading-zero;} 
.ebOlLowerRoman{list-style-type: lower-roman;}
.ebOlUpperRoman{list-style-type: upper-roman;}
.ebOlLowerAlpha{list-style-type: lower-alpha;}
.ebOlUpperAlpha{list-style-type: upper-alpha;}
.ebOlNone{list-style-type: none;}

/* .ebUl li:last-child{border-bottom: none} */
ol.ebOlLowerAlpha2,ol.ebOlLowerAlpha4{list-style-type: lower-alpha;display: flex;flex-wrap: wrap;}
ol.ebOlLowerAlpha2>li{float: left;width: 40%!important;}
ol.ebOlLowerAlpha4>li{float: left;width: 20%!important;}
ol.ebOlDecimal>li{margin-left: 12px;}

ol.listCircle>li,ol.listColor>li,ol.parNumLr>li,ol.parNumR>li{
	margin-left: 0px;
	padding-left: 12px;
}
ol.parNumR>li::before{
	content: counter(steps);
	content: counter(steps) ') ';
}
ol.parNumLr>li::before{
	content: counter(steps);
	content: '(' counter(steps) ') ';
}
.listChapter,.listIndex{list-style: none;margin-left: 8px;}
.listChapter::before{
	content: counter(steps);
	content: '' counter(steps) ' ';
}
.listIndex::before{
	content: counters(steps, '.') '. ';
}
 /* style type for ordered list */
ol.circleNum>li{list-style-type: circleNumOrder;}
 @counter-style circleNumOrder{
	system: fixed;
	symbols: '\2780' '\2781' '\2782' '\2783' '\2784' '\2785' '\2786' '\2787' '\2788' '\2789' ;
	suffix: ' ';
}
/*symbols:               ;*/
ol.listCircle>li::before{
	font-size: 10pt;
	content: counter(steps);
	margin-right: 6px;
	padding: 0px 4px;
	border: 1pt solid;
	border-radius: 50%;
	border-color: indigo;
}
ol.listColor>li::before{
	font-size: 16px;
	content: counter(steps);
	margin-right: 6px;
	padding: 0px 6px;
	border: 1pt solid;
	border-radius: 50%;
	background: #fce2d4;
	color: white;
}
pre {
	overflow-x: auto;
}
pre.codeBox::-webkit-scrollbar {
	background-color: white;
}
pre.codeBox::-webkit-scrollbar-thumb {
	background-color: #cee2ce;
}
pre.codeBox {
	font-family: 'Courier New','Century Gothic' ,;
	letter-spacing: 0.0px;
	font-size: 10pt;
	font-weight: bold;
	tab-size: 4;
	color: #000;
	background-color: white;
	border: 2px solid #ddd;
	border-left: 10px solid #9684A3;
	border-radius: 10px;
	padding-left: 10px;
    margin: 0pt 8pt 8pt 32px;
}
/* pre.codeBox{
	font-size: 16px;
	margin-left: 40px;
	border: 2px solid #ddd;
	border-left: 10px solid #9684A3;
	border-radius: 0 12px 12px 12px;
	padding-left: 0px;
	letter-spacing: .5px;
	font-weight: normal;
}
*/
/*
pre {
	font-family: Courier, Courier New, Consolas, Menlo, Monaco;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: -1px;
    -moz-tab-size: 4; 
    display: block;
    overflow: auto;
    background-color: #eee;
	border: 2px solid #ddd;
	border-left: 8px solid #9684A3;
	border-radius: 8px;
    scrollbar-color: #ccc transparent;
    margin: 8pt 8pt 8pt 32px;
    word-wrap: normal;
}
*/
pre > code {
	display: block;
	padding: 8px;
	white-space: pre;
}		
/* white-space: inherit; */
.codeBox2 {
	text-align: left;
	font-size: 10pt;
	margin-left: 40px;
	border: 2px solid #ddd;
	border-left: 8px solid #9684A3;
	border-radius: 8px;
	padding-left: 0px;
	letter-spacing: .5px;
	font-weight: bold;
	tab-size: 2;
}

pre > b{
	color:#1a0dab;
	font-weight: bolder;
	background-color: #eee;
}
.codeBoxLabel {
	color: black;background-color: #E0B589;
	margin-left: 32px;
	border-left: 10px solid #9684A3;
	padding: 4px 24px 4px 24px;
	border-radius: 12px 12px 0 0;
	font-weight: bold;
	font-size: 18px;
}
pre.print{
	font-size: 16px;
	margin-left: 40px;
	border: 1px solid #ddd;
	border-radius: 8px;
	letter-spacing: .5px;
	font-weight: normal;
	background-color: #f1f1f1;
	tab-size: 2;
}
ul.im1 {list-style-image: url("../SvgIcon/SvgGimp01.svg");}

s, strike, del{text-decoration: line-through}
cite{color: Purple}
code,samp{font-family: monospace}
samp {font-weight: bold;color: Purple;letter-spacing: -2.0px;}

samp>kbd {font-weight: bold;}

u, ins{text-decoration: underline}

summary{display: list-item}
details{margin-bottom: 10px;}
details summary{padding: 0 10px;background: #000;color: #fff;height: 35px;line-height: 35px;font-weight: bold;cursor: pointer;}
details summary::marker{font-size: 0;}
details ul{border: 1px solid #aaa;}
details ul li a{display: block;padding: 5px 10px;}
details ul li a:hover{background: #545454;color: #fff;}
details .txt{border: 1px solid #999;padding: 5px 10px;text-align: center;}

.txtBold{font-weight: bold}.txtBolder{font-weight: bold}
.txtTiny{font-size: 10px!important}.txtSm{font-weight: normal; font-size: 12px!important}
.txt14px {font-weight: normal; font-size: 14px!important}
.txtMe{font-size: 16px!important}
.txtLg{font-size: 18px!important} .txtLgBold {font-size: 18px!important;font-weight: bold;}
.txtXLg{font-size: 20px!important}.txtXxLg{font-size: 24px!important}.txtXxxLg{font-size: 32px!important}
.txtJumbo{font-size: 36px!important;font-weight: bold}

.txtJt{text-align: justify!important}
.txtCt{margin:auto 0; padding: 0; text-align: center !important;}
.txtRh{text-align: right!important;} .txtLh{text-align: left!important}
.txtTp{vertical-align: text-top!important} .txtBt{vertical-align: text-bottom!important}


/* , , Ʒ  ߴ´*/
.txtOverline{text-decoration: overline lime;} 
.txtMidline{text-decoration: line-through;} /*<del>±׸   ֽϴ*/
.txtUnderline{text-decoration: underline red;} /*<ins>±׸   ֽϴ*/
.txtLine{text-decoration: line-through;} /* Ҽ  ۾Դϴ */
.txtPlain{text-decoration: none;} /* ũ ⺻ ٸ <a class="txt_plain" href="#"> ϴ</a>. */
.txtUnderover{text-decoration: dashed underline overline;} /*ٰ    ۾Դϴ */
.txtThick{text-decoration: solid underline purple 1em;} /* ۾  β   ǥմϴ */
.txtBlink{text-decoration: blink;} /*  ۾     ־ */
/* a{background-color: transparent}a:active,a:hover{outline-width: 0} */

abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted}
dfn{font-style: italic;}
dfn.opt{font-weight: bold;color: MidnightBlue;}
.opt::before{content: ' [ ';}
.opt::after{content: ' ] ';}

[aria-describedby="notes_heading"]::after{content: '[' counter(notes) ']';}
mark{background: #ff0;color: black;}/* indicate the defining instance of a new term */
kbd {
	background-color: #eee;
	border-radius: 2px;
	border: 1px solid #b4b4b4;
	box-shadow:
	0 1px 1px rgba(0, 0, 0, 0.2),
	0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
	color: #1a0dab;
/*	display: inline-block; */
	font-size: 10pt;
	font-weight: bolder;
	line-height: 1.2;
	padding: 2px 4px;
	white-space: nowrap;
}
blockquote {
	background: #fff;
	border: 2px solid #ddd;
	border-left: 8px solid #9684A3;
	border-radius: 8px;
	margin-left: 40px;
	padding: 8px 4px 8px 0px;
}
.IndexBox {
	background: #fff;
	border: 2px solid #ccc;
	border-left: 20px solid #9684A3;
	border-radius: 0 12px 12px 12px;
}
.IndexLabel {
	color: #3f51b5;
	background-color: #EFE1CE;
	border-left: 20px solid #9684A3;
	padding: 6px 24pt;
	border-radius: 12px 16px 0 0;
	font-weight: bold;
	font-size: 24pt;
}
q{quotes: "" "" "<" ">";color: Purple;}
span {
	vertical-align: text-bottom;
}
/*	padding-left: 10px; left;*/
span>q{font-weight: bold;}
span.weakness{font-weight: bold;color : #c71c56;}
span.text_under{position: relative;}
span.text_under::after {
	content: "";
	background: #99fee7;
	position: absolute;
	display: inline-block;
	left: 0;bottom: 1px;
	z-index: -1;
}
/*ܾ   p± ȿ */
em{font-weight: bold;color : #c71c56;}
.ebBarRibon{
	background: red;
	text-align: center;
	color: black;
}
.ebBarRibon::after{
	content: "";
	position: absolute;
	left: 0;bottom: 0;
	width: 0;height: 0;
	border-left: 8pt solid white;
	border-top: calc(100% * 0.5) solid transparent;
	border-bottom: calc(100% - 50%) solid transparent;
}
.ebBarRibon::before{
	content: "";
	position: absolute;
	right: -8pt;bottom: 0;
	width: 0;height: 0;
	border-left: 8pt solid red;
	border-top: 16pt solid transparent;
	border-bottom: 16pt solid transparent;
}
#pointer{
	position: relative;
	background: red;
	text-align: center;
	color: black;
}
#pointer::after{
	content: "";
	position: absolute;
	left: 0;bottom: 0;
	width: 0;height: 0;
	border-left: 8pt solid white;
	border-top: 16pt solid transparent;
	border-bottom: 16pt solid transparent;
}
#pointer::before{
	content: "";
	position: absolute;
	right: -8pt;	bottom: 0;
	width: 0;height: 0;
	border-left: 8pt solid red;
	border-top: 16pt solid transparent;
	border-bottom: 16pt solid transparent;
}
Button{padding: 4pt 6pt;vertical-align: middle;overflow: hidden;text-align: center;cursor: pointer;white-space: nowrap;
	background-color: #fff;
	font-family: monospace;
	border-radius: 2px;border: 1px solid #b4b4b4;
}

.ebBtn,.ebButton,.ebBtnplan{border: none;display: inline-block;padding: 4pt 8pt;overflow: hidden;text-align: center;cursor: pointer;white-space: nowrap}
.ebBtn:hover{box-shadow: 0 6px 12px 0 rgba(0,0,0,0.2),0 4px 16px 0 rgba(0,0,0,0.19)}
.ebButton:hover{color: #000!important;background-color: #ccc!important}
.ebBtn:disabled,.ebButton:disabled{cursor: not-allowed;opacity: 0.3}

.ebDisabled{cursor: not-allowed;opacity: 0.3}
/* .ebDisabled *,: disabled *{pointer-events: none} */
.ebBarBlock{width: 100%;text-align: left;padding: 6px 12px}
.ebBarItem{padding: 6px 12px;float: left;width: auto;border: none;display: block;outline: 0}

.ebBarPlan{position: absolute;border: 2px solid #ccc;border-radius: 6px;padding: 6px;white-space: nowrap;}
.ebBarPlan:hover{color: #000!important;background-color: #ccc!important}

.ebBlock{display: block;width: 100%}
/* .ebRipple:active{opacity: 0.5}.ebRipple{transition: opacity 0s}*/
.ebRd02{border-radius: 2px}.ebRd04{border-radius: 4px}.ebRd06{border-radius: 6px!important}.ebRd08{border-radius: 8px!important}
.ebRd12{border-radius: 12px!important}.ebRd16{border-radius: 16px}.ebRd24{border-radius: 24px}.ebRd32{border-radius: 32px}


.ebBox{display: flex; justify-content:center;/*table-layout: fixed;*/}
.ebBoxcell{padding-left:8px; width:auto;}
.ebBoxCt{padding-left:4px;width:auto;text-align: center;}
/* vertical-align: middle; */
.ebBoxfixed{table-layout: fixed;}/* */
.ebBoxrow{display: table-row;}

.divTable{display:table;}
.divTr{display:table-row;}
.divCell{
	display: table-cell;
	box-sizing: border-box;
/*	text-align: center; 
	vertical-align: middle;
*/	
	cursor: pointer;
	user-select: none;
}

.ebBoxline{border: 1pt solid #ccc; padding-left: 20px;}
hr.vLine{
	height: 100vh;
	width: .5vw;
	border-width: 0;
	color: #000;
	background-color: #000;
}
.v-line{
	border-left: thick solid #000;
	height: 100%;
	left: 50%;
	position: absolute;
}

.txtBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.txtBox .box{width: 30%;}
@media (max-width: 640px){
  .txtBox .box{width: 100%;margin-bottom: 2%;}
}
.example {
	columns: 3;
	column-gap: 2em;
	background-color: #0ff;
} 

/*. column  */
.column2,.column2L{column-count: 2;column-gap: 12px;padding-left: 20px; column-width:auto}
.column3,.column3L{column-count: 3;column-gap: 12px;padding-left: 20px; column-width:auto}
.column4,.column4L{column-count: 4;column-gap: 12px;padding-left: 20px; column-width:auto}
.column6,.column6L{column-count: 6;column-gap: 8px;padding-left: 20px; column-width:auto}
.column2L,.column3L,.column3L,.column4L,.column6L{column-rule: 2px dotted lightslategray;}

.colBreakBefor{display: block;break-before: column;-webkit-column-break-before: column;}
.colBreakAfter{display: block;break-after: column;-webkit-column-break-after: column;-moz-break-after: column;}
.columnMerge{column-span: all;}
div.clear {position: relative; clear: both;}

.ebPosCt{position: absolute;left: 50%;transform: translate(-50%, -50%);}

.ebIndex {
	display: table;
	vertical-align: bottom ;
}
.ebIndex > p , .ebIndex > h5 {
	display: table-cell;
	white-space: nowrap;
}
.ebIndex > span{
	border-bottom: 1px dotted;
	width: 100%;
	display: table-cell;
}

/*    */
/*.ebCol,.ebCol3,.ebCol4{margin: 0 8px;display: inline-block;} */
.ebCol2,.ebCol3,.ebCol4,.ebCol6,.ebCol8{display: flex;flex-wrap: wrap; padding-left: 40px;}
/*.ebCol2 {float: left;width: 48%!important;padding-left: 8px;}
.ebCol3 {float: left;width: 32%!important;padding-left: 8px;}
.ebCol4 {float: left;width: 22%!important;padding-left: 8px;}
*/
.ebCol2>p{float: left;width: 45%!important;}
.ebCol3>p{float: left;width: 32%!important;padding-left: 32px}
.ebCol4>p{float: left;width: 24%!important;}
.ebCol2>dt{float: left;width: 45%!important;}
.ebCol3>dt{float: left;width: 32%!important;padding-left: 32px}
.ebCol4>dt{float: left;width: 24%!important;}
.ebCol6>dt{float: left;width: 16%!important;padding-left: 32px}
.ebCol8>dt{float: left;width: 12%!important;padding-left: 32px}
.ebCol2>dd{float: left;width: 48%!important;}
.ebCol3>dd{float: left;width: 32%!important;padding-left: 24px}
.ebCol4>dd{float: left;width: 24%!important;}

p.iconBalance01::before{content: url(../SvgIcon/svgBalance01.svg);}
ol.iconBalance01::before{content: url(../SvgIcon/svgBalance01.svg);}

.iconNotTouch01{content: url(../SvgIcon/svgNotTouch01.svg);height: 32px;display: inline-block;}
.iconFileWarning01{content: url(../SvgIcon/svgFileWarning01.svg);height: 32px;display: inline-block;}	.iconCautionWarning01{content: url(../SvgIcon/svgCautionWarning01.svg);height: 32px;display: inline-block;}	
.iconCaution01{content: url(../SvgIcon/svgCaution01.svg);height: 32px;display: inline-block;}	.iconCopy01{content: url(../SvgIcon/svgCopy01.svg);height: 32px;display: inline-block;}	.iconCopy02{content: url(../SvgIcon/svgCopy02.svg);height: 32px;display: inline-block;}	
.iconDemo01{content: url(../ImgIcon/ImgIconDemo01.gif);height: 32px;display: inline-block;}	.iconDictionary01{content: url(../SvgIcon/svgDictionary01.svg);height: 32px;display: inline-block;}	.iconExam01{content: url(../SvgIcon/svgExam01.svg);height: 32px;display: inline-block;}	

p.iconExample01::before{content: url(../SvgIcon/svgExample01.svg); vertical-align: middle;}
.iconFileDownload{content: url(../SvgIcon/svgFileDownload.svg);height: 32px;display: inline-block;}	.iconFileLink01{content: url(../SvgIcon/svgFileLink01.svg);height: 32px;display: inline-block;}	.iconFileSearch{content: url(../SvgIcon/svgFileSearch.svg);height: 32px;display: inline-block;}	.iconGimp01{content: url(../SvgIcon/svgGimp01.svg);height: 32px;display: inline-block;}	.iconHyundai01{content: url(../SvgIcon/svgHyundai01.svg);height: 32px;display: inline-block;}	.iconHyundai02{content: url(../SvgIcon/svgHyundai02.svg);height: 32px;display: inline-block;}
.iconInformation01{content: url(../SvgIcon/svgInformation01.svg);height: 32px;display: inline-block;}
.iconInformation02{content: url(../SvgIcon/svgInformation02.svg);height: 32px;display: inline-block;}
.iconIso01{content: url(../SvgIcon/svgIso01.svg);height: 32px;display: inline-block;}	
.iconKiaLogo02{content: url(../SvgIcon/svgKiaLogo02.svg);height: 32px;display: inline-block;}
.iconMemo01{content: url(../SvgIcon/svgMemo01.svg);height: 32px;display: inline-block;}
ol.iconMemo02::before{content: url(../SvgIcon/svgMemo02.svg);}
ul.iconMemo02::before{content: url(../SvgIcon/svgMemo02.svg);}
p.iconMemo02::before{content: url(../SvgIcon/svgMemo02.svg);}

.iconRepeat01::before{content: url(../SvgIcon/svgRepeat01.svg); vertical-align: middle;}
.iconBrain01::before{content: url(../SvgIcon/svgBrain01.svg); vertical-align: middle;}
.iconKey01::before{content: url(../SvgIcon/svgKey01.svg); vertical-align: middle;}

.iconGraduation01::before{content: url(../SvgIcon/svgGraduation01.svg); vertical-align: middle;}
.iconGraduation02::before{content: url(../SvgIcon/svgGraduation02.svg); vertical-align: middle;}
.iconBook01::before{content: url(../SvgIcon/svgBook01.svg); vertical-align: middle;}
.iconBook02::before{content: url(../SvgIcon/svgBook02.svg); vertical-align: middle;}

.iconInformation03::before{content: url(../SvgIcon/svgInformation03.svg);vertical-align: middle;}
.iconInformation04::before{content: url(../SvgIcon/svgInformation04.svg);vertical-align: middle;}
.iconInformation05::before{content: url(../SvgIcon/svgInformation05.svg);vertical-align: middle;}

.iconGive01::before{content: url(../SvgIcon/svgGive01.svg);vertical-align: middle;}

.iconLaw01::before{content: url(../SvgIcon/svgLaw01.svg); vertical-align: middle;}
.iconLaw02::before{content: url(../SvgIcon/svgLaw02.svg); vertical-align: middle;}
.iconLaw03::before{content: url(../SvgIcon/svgLaw03.svg); vertical-align: middle;}

.iconTapFinger01::before{content: url(../SvgIcon/svgTapFinger01.svg); vertical-align: middle;}
.iconTapFinger02::before{content: url(../SvgIcon/svgTapFinger02.svg); vertical-align: middle;}
.iconTapFinger03::before{content: url(../SvgIcon/svgTapFinger03.svg); vertical-align: middle;}

.iconMouseLeft01{content: url(../SvgIcon/svgMouseLeft01.svg);height: 32px;display: inline-block;}	.iconMouseLeft02{content: url(../SvgIcon/svgMouseLeft02.svg);height: 32px;display: inline-block;}	.iconMouseRight01{content: url(../SvgIcon/svgMouseRight01.svg);height: 32px;display: inline-block;}	.iconMouseRight02{content: url(../SvgIcon/svgMouseRight02.svg);height: 32px;display: inline-block;}
.iconNote01::before{content: url(../SvgIcon/svgNotes01.svg);}
.iconNote02::before{content: url(../SvgIcon/svgNotes02.svg);}
.iconPrinter01{content: url(../SvgIcon/svgPrinter01.svg);height: 32px;display: inline-block;}	
.iconReference01{content: url(../SvgIcon/svgReference01.svg);height: 32px;display: inline-block;}	

p.iconSampleBlood::before{content: url(../SvgIcon/svgSampleBlood.svg)}
p.iconSampleFile::before{content: url(../SvgIcon/svgSampleFile.svg)}
p.iconSampleTag::before{content: url(../SvgIcon/svgSampleTag.svg)}
.iconThinkingFace::before{content: url(../SvgIcon/svgThinkingFace.svg); vertical-align: middle;}



.iconTest01{content: url(../SvgIcon/svgTest01.svg);height: 32px;display: inline-block;}
.iconTestExam01{content: url(../SvgIcon/svgTest02.svg);height: 32px;display: inline-block;}
.iconVscode01{content: url(../SvgIcon/svgVscode01.svg);height: 32px;display: inline-block;}
.iconWindowsBlock01{content: url(../SvgIcon/svgWindowsBlock01.svg);height: 32px;display: inline-block;}
.iconWindowsBlue01{content: url(../SvgIcon/svgWindowsBlue01.svg);height: 32px;display: inline-block;}
.iconWord01{content: url(../SvgIcon/svgWord01.svg);height: 32px;display: inline-block;}
.iconWww01{content: url(../SvgIcon/svgWww01.svg);height: 32px;display: inline-block;}
.iconWww02{content: url(../SvgIcon/svgWww02.svg);height: 32px;display: inline-block;}


.ebRoughness{letter-spacing: -4px;text-align: center;display: inline-block;line-height: 0.9}	
.ebIcon16{height: 16px}.ebIcon20{height: 20px} .ebIcon24{height: 24px}.ebIcon32{height: 32px}.ebIcon40{height: 40px}.ebIcon80{height: 80px}
img.ebIcon16,img.ebIcon20,img.ebIcon24,img.ebIcon32,img.ebIcon40,img.ebIcon80{display: inline-block;vertical-align: bottom;padding-left: 8px;}
img.auto{width: auto}

.imgwrap{position: relative;vertical-align: middle;}
.imgtxt{position: absolute;transform: translate( -50%,-50% );
	background-color: white;border-radius: 6px;
}
.ebCalendar{width: 100%;margin: auto;overflow: hidden;}
.ebCalendar th,.ebCalendar td{display: table-cell;}
.ebCalendar {border-radius: 8px;}
.ebCalendar th,.ebCalendar td{border: 1px solid #A9A9A9}
.ebCalendar th:first-child,.ebCalendar td:first-child{border-left: 0;}
.ebCalendar th:last-child,.ebCalendar td:last-child{border-right: 0;}

.ebCalendar thead tr:first-child{margin-top: 6px;}
.ebCalendar thead tr:last-child{border-bottom: 1px solid #808080}
.ebCalendar thead tr{background-color: #d9ebf2;}
.ebCalendar thead th{font-size: 16pt;font-weight: bold;text-align: center;}

.ebCalendar tbody tr{font-weight: bold;text-align: left;}
.ebCalendar tbody th{color: #FF4D4D}

.ebCalendar tbody td:last-child{margin-bottom: .6px;}
.ebCalendar tbody tr:nth-child(odd){background-color: #f1f1f1}
.ebCalendar tbody tr td:first-child{color: #FF4D4D;}
.ebCalendar tbody tr td:last-child{color: #4D4DFF;}

.ebCircle{border-radius: 50%}
.ebRevision::before{
	color: red;
	content: "\25B3";
	font-size: 2.4em;
	margin: -.6em 0 0 -0.08em;
	text-align: justify;
	vertical-align: bottom;
	position: absolute;
}
/* vw : view width , vh : view height width : 50vw -->width 50% */
.ebVCt{width: 100%;  text-align: center;}
.ebVw00{width: 100%;}
.ebVw96,.ebVw96c{width: 96%;}.ebVw92,.ebVw92c{width: 92%;}
.ebVw88,.ebVw88c{width: 88%;}.ebVw80,.ebVw80c{width: 80%;}
.ebVw64,.ebVw64c{width: 64%;}.ebVw50,.ebVw50c{width: 50%;}
.ebVw40,.ebVw40c{width: 40%;}.ebVw32,.ebVw32c{width: 32%;}
.ebVw96c,.ebVw92c,.ebVw88c,.ebVw80c,.ebVw64c,.ebVw50c,.ebVw40c,.ebVw32c{text-align: center}

.ebW04px{width: 40px} .ebW08px{width: 80px}.ebW06px{width: 60px}
.ebW10px{width: 100px}.ebW12px{width: 120px}.ebW14px{width: 140px}.ebW16px{width: 160px}
.ebW20px{width: 200px}.ebW24px{width: 240px}.ebW28px{width: 280px}
.ebW32px{width: 320px}.ebW36px{width: 360px}
.ebW40px{width: 400px}.ebW48px{width: 480px;}
.ebW52px{width: 520px}.ebW56px{width: 560px;}
.ebW64px{width: 640px}
.ebW72px{width: 720px;}
.ebW80px{width: 800px}

.ebHs16px{height: 16px; width:auto}.ebHs24px{height: 24px; width:auto}.ebH03px{height: 32px; width:auto}
.ebH04px{height: 40px; width:auto}.ebH06px{height: 60px; width:auto}.ebH08px{height: 80px; width:auto}
.ebH10px{height: 100px; width:auto}.ebH12px{height: 120px; width:auto}.ebH16px{height: 160px; width:auto}
.ebH20px{height: 200px; width:auto}.ebH24px{height: 240px; width:auto}.ebH28px{height: 280px; width:auto}
.ebH32px{height: 320px; width:auto}.ebH36px{height: 360px; width:auto}
.ebH40px{height: 400px; width:auto}.ebH48px{height: 480px; width:auto}
.ebH52px{height: 520px; width:auto}.ebH56px{height: 560px; width:auto}
.ebH64px{height: 640px; width:auto}.ebH80px{height: 800px; width:auto}
.ebH100px{height: 1000px; width:auto}

/* table ӿ table */
.ebCellPd00 tbody td{padding-top: 0px;padding-bottom: 0px;}
.ebCellPd02 tbody td{padding-top:2px; padding-bottom: 2px;}
.ebCellPd04 tbody td{padding-top:4px ;padding-bottom: 4px;}
.ebCellPd06 tbody td{padding-top:6px ;padding-bottom: 6px;}
.ebCellPd08 tbody td{padding-top:8px ;padding-bottom: 8px;}
.ebCellPd10 tbody td{padding-top:10px ;padding-bottom: 10px;} /* cellpadding="1" */
.ebCellPd12 tbody td{padding-top:12px ;padding-bottom: 12px;}
.ebCellPd16 tbody td{padding-top:16px ;padding-bottom: 16px;}
.ebCellPd20 tbody td{padding-top:20px ;padding-bottom: 20px;} /* */

.ebMg{margin: 12px!important}.ebMgTp{margin-top: 12px!important}
.ebMgTp02{margin-top: 20px!important}.ebMgTp036{margin-top: 32px!important}
.ebMgTp04{margin-top: 40px!important}.ebMgTp06{margin-top: 60px!important}.ebMgTp08{margin-top: 80px!important}
.ebMgTp10{margin-top: 100px!important}.ebMgTp12{margin-top: 120px!important}

.ebMgBt{margin-bottom: 12px!important}
.ebMg00{margin: 0px!important}
.ebMgTp00{margin-top: 0px!important}.ebMgBt00{margin-bottom: 0px!important}
.ebMgVt00{margin-top: 0px!important;margin-bottom: 0px!important}
.ebMgLt00{margin-left: 0px!important;} .ebMgLt04{margin-left: 4px!important;}
.ebMgLt08{margin-left: 8px!important;} .ebMgLt10{margin-left: 10px!important;}
.ebMgLt12{margin-left: 12px!important;} .ebMgLt16{margin-left: 16px!important;}
.ebMgLt20{margin-left: 20px!important;} .ebMgLt24{margin-left: 24px!important;}
.ebMgLt32{margin-left: 32px!important;} .ebMgLt40{margin-left: 40px!important;}

.ebPdSm{padding: 4px 6px!important}.ebPd{padding: 6px 12px!important}.ebPdLg{padding: 10px 16px!important}
.ebPd00{padding-left: 0px!important}
.ebPd08{padding-left: 8px!important;}
.ebPd12{text-indent: 0px; padding-left: 12px!important;}
.ebPd16{padding-left: 16px!important;}
.ebPd20{padding-left: 20px!important;}.ebPd24{padding-left: 24px!important;}
.ebPd32{padding-left: 32px!important;}.ebPd40{padding-left: 40px!important;}
.ebPd50{padding-left: 50px!important;}.ebPd60{padding-left: 60px!important;}.ebPd64{padding-left: 64px!important;}
.ebPd72{padding-left: 72px!important;}.ebPd80{padding-left: 80px!important;}
.ebPd100{padding-left: 100px!important;}.ebPd120{padding-left: 120px!important;}.ebPd160{padding-left: 160px!important;}.ebPd180{padding-left: 180px!important;}
.ebPd200{padding-left: 200px!important;}.ebPd210{padding-left: 210px!important;}.ebPd240{padding-left: 240px!important;}.ebPd270{padding-left: 270px!important;}
.ebPd300{padding-left: 300px!important;}

.ebfloatLh{position: relative;float: left!important; margin: auto 40px; }
.ebfloatRh{position: relative;float: right;padding-right: 6px;}
.ebfloatCt {margin-left: auto; margin-right: auto;}

.w3-2021-marigold{color: #fff!important;background-color: #FDAC53!important}
.w3-2021-cerulean{color: #000!important;background-color: #9BB7D4!important}
.w3-2021-rust{color: #fff!important;background-color: #B55A30!important}
.w3-2021-illuminating{color: #000!important;background-color: #F5DF4D!important}
.w3-2021-french-blue{color: #fff!important;background-color:#1a0dab!important}
.w3-2021-green-ash{color: #000!important;background-color: #A0DAA9!important}
.w3-2021-burnt-coral{color: #fff!important;background-color: #E9897E!important}
.w3-2021-mint{color: #fff!important;background-color: #00A170!important}
.w3-2021-amethyst-orchid{color: #fff!important;background-color: #926AA6!important}
.w3-2021-raspberry-sorbet{color: #fff!important;background-color: brown!important}
.w3-2021-inkwell{color: #fff!important;background-color: #363945!important}
.w3-2021-ultimate-gray{color: #fff!important;background-color: #939597!important}
.w3-2021-willow{color: #fff!important;background-color: #9A8B4F!important}

.ebBlue{color: #fff!important;background-color: #2196F3!important}
.ebGreen{color: #fff!important;background-color: #4CAF50!important}
.ebOrange{color: #000!important;background-color: #ff9800!important}
.ebRed,.ebHoverRed:hover{color: #fff!important;background-color: #f44336!important}

.ebSuccess{background-color: #A0DAA9;}
.ebDanger{background-color: #FDAC53}
.ebWarning{background-color: #F5DF4D;}
.ebInfo{background-color: #e7ffe7;}
.ebLight{background-color: #ffffcc;}
.ebDark{background-color: #212529;}


.ebButterCream{background-color: #EFE1CE!important}
.ebDesertMist{background-color: #E0B589!important}
.ebPaleRed{background-color: #ffe7e7!important}
.ebPaleGreen{background-color: #e7ffe7!important}
.ebAliceBlue{background-color: #F0F8FF!important}
.ebSnow{background-color: #FFFAFA!important}
.ebAzure{background-color: #F0FFFF!important}
.ebBeige{background-color: #F5F5DC!important}

.ebTeal{color: #fff!important;background-color: #009688!important}
.ebBlack{color: #fff!important;background-color: #000!important}

.ebGrey{color: #000!important;background-color: #9e9e9e!important}
.ebDarkGrey{color: #fff!important;background-color: #616161!important}
.ebLightgrey{color: #000!important;background-color: #f1f1f1!important}
.ebWhite{color: #000!important;background-color: white!important}

.ebTxtBlue{color: #2196F3!important}
.ebTxtGreen{color: #4CAF50!important}
.ebTxtIndigo,.w3-hover-text-indigo:hover{color: #3f51b5!important}
.ebTxtOrange{color: #ff9800!important}
.ebTxtRed{color: #f44336!important}
.ebTxtWhite{color: #fff!important}
.ebTxtBlack{color: #000!important}
.ebTxtGrey{color: #9e9e9e!important}

.ebBorder-amber,.w3-hover-border-amber:hover{border-color: #ffc107!important}
.ebBorder-aqua,.w3-hover-border-aqua:hover{border-color: #00ffff!important}
.ebBorder-blue,.w3-hover-border-blue:hover{border-color: #2196F3!important}
.ebBorder-light-blue,.w3-hover-border-light-blue:hover{border-color: #87CEEB!important}
.ebBorder-brown,.w3-hover-border-brown:hover{border-color: #795548!important}
.ebBorder-cyan,.w3-hover-border-cyan:hover{border-color: #00bcd4!important}
.ebBorder-blue-grey,.w3-hover-border-blue-grey:hover,.ebBorder-blue-gray,.w3-hover-border-blue-gray:hover{border-color: #607d8b!important}
.ebBorder-green,.w3-hover-border-green:hover{border-color: #4CAF50!important}
.ebBorder-light-green,.w3-hover-border-light-green:hover{border-color: #8bc34a!important}
.ebBorder-indigo,.w3-hover-border-indigo:hover{border-color: #3f51b5!important}
.ebBorder-khaki,.w3-hover-border-khaki:hover{border-color: #f0e68c!important}
.ebBorder-lime,.w3-hover-border-lime:hover{border-color: #cddc39!important}
.ebBorder-orange,.w3-hover-border-orange:hover{border-color: #ff9800!important}
.ebBorder-deep-orange,.w3-hover-border-deep-orange:hover{border-color: #ff5722!important}
.ebBorder-pink,.w3-hover-border-pink:hover{border-color: #e91e63!important}
.ebBorder-purple,.w3-hover-border-purple:hover{border-color: #9c27b0!important}
.ebBorder-deep-purple,.w3-hover-border-deep-purple:hover{border-color: #673ab7!important}
.ebBorder-red,.w3-hover-border-red:hover{border-color: #f44336!important}
.ebBorder-sand,.w3-hover-border-sand:hover{border-color: #fdf5e6!important}
.ebBorder-teal,.w3-hover-border-teal:hover{border-color: #009688!important}
.ebBorder-yellow,.w3-hover-border-yellow:hover{border-color: #ffeb3b!important}
.ebBorder-white,.w3-hover-border-white:hover{border-color: #fff!important}
.ebBorder-black,.w3-hover-border-black:hover{border-color: #000!important}
.ebBorder-grey,.w3-hover-border-grey:hover,.ebBorder-gray,.w3-hover-border-gray:hover{border-color: #9e9e9e!important}
.ebBorder-light-grey,.w3-hover-border-light-grey:hover,.ebBorder-light-gray,.w3-hover-border-light-gray:hover{border-color: #f1f1f1!important}
.ebBorder-dark-grey,.w3-hover-border-dark-grey:hover,.ebBorder-dark-gray,.w3-hover-border-dark-gray:hover{border-color: #616161!important}
.ebBorder-pale-red,.w3-hover-border-pale-red:hover{border-color: #ffe7e7!important}.ebBorder-pale-green,.w3-hover-border-pale-green:hover{border-color: #e7ffe7!important}
.ebBorder-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color: #ffffcc!important}.ebBorder-pale-blue,.w3-hover-border-pale-blue:hover{border-color: #e7ffff!important}


 /* ============================== */
 /* Footnote markers */
 /* ============================== */
footer ol{
	counter-reset: footnotes;
	list-style: none;
}
footer li{display: block;margin-bottom: 0.625rem;position: relative;}
[aria-label="Return to content"]{counter-increment: footnotes;
	font-weight: bold;
	margin-right: 0.625rem;
	position: absolute;
	right: 100%;
	top: 0;
}
[aria-label="Return to content"]::before{
	content: counter(footnotes, decimal-leading-zero);
} 

.footnote{display:table;bottom: 24mm;vertical-align : bottom;
	/*background-color: #f1f1f1;
	border-top: 1px solid #ccc;*/
}
.footnoteLable{
  color: blue;cursor: pointer;/* 5 */
}
/* Resetting the default focused styles on the number */
/* .parent {
    display: table-cell;
    vertical-align: bottom;
}
*/
