.btn-transparent{
	border : solid 0px #ffffff;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow :0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow :	0px 2px 2px rgba(0,0,0,0.4);
	box-shadow :		0px 2px 2px rgba(0,0,0,0.4);
	font-size : 10pt;
	color : WHITE;
	font-weight:bold;
	padding : 3px 6px;
	background-color : rgba(0,0,0,0.3);
	/* Animation */
	transition: all 0.1s;
	-webkit-transition: all 0.1s;
	outline: none;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}.btn-transparent:hover {
	transform: translate(0px,-2px);
	-webkit-transform: translate(0px,-2px);
	border-bottom: 0px solid;
}.btn-transparent:active {
	transform: translate(0px,1px);
	-webkit-transform: translate(0px,1px);
	border-bottom: 0px solid;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn-normal{
	border : solid 0px #ffffff;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow :0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow :	0px 2px 2px rgba(0,0,0,0.4);
	box-shadow :		0px 2px 2px rgba(0,0,0,0.4);
	font-size : 10pt;
	color : WHITE;
	font-weight:normal;
	padding : 4px 6px;
	background-color : rgba(0,63,127,1.0);
	/* Animation */
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
	outline: none;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}.btn-normal:hover {
    transform: translate(0px,-2px);
    -webkit-transform: translate(0px,-2px);
    border-bottom: 0px solid;
}.btn-normal:active {
    transform: translate(0px,1px);
    -webkit-transform: translate(0px,1px);
    border-bottom: 0px solid;
}.btn-normal:focus {
	background-color : rgba(127,0,0,1.0);
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn-lightblue{
	border : solid 0px #ffffff;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow :0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow :	0px 2px 2px rgba(0,0,0,0.4);
	box-shadow :		0px 2px 2px rgba(0,0,0,0.4);
	font-size : 10pt;
	color : WHITE;
	font-weight:normal;
	padding : 4px 6px;
	background-color : rgba(4,77,154,1.0);
	/* Animation */
    transition: all 0.1s;
    -webkit-transition: all 0.1s;
	outline: none;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}.btn-lightblue:hover {
    transform: translate(0px,-2px);
    -webkit-transform: translate(0px,-2px);
    border-bottom: 0px solid;
}.btn-lightblue:active {
    transform: translate(0px,1px);
    -webkit-transform: translate(0px,1px);
    border-bottom: 0px solid;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------------------------------------*/
table.popupTable {
	background-color: #4374D9;
	font-family: Arial;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
table.popupTable tr td:nth-of-type(1){	/* 열의 시작은 1 부터 */
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	width: 35%;
	text-align: left;
	vertical-align: middle;
}
table.popupTable tr td:nth-of-type(2){	/* 열의 시작은 1 부터 */
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	width: 65%;
	text-align: right;
	vertical-align: middle;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
.PopupScroll {
	overflow-x: hidden;
	overflow-y: auto;
	border:0px;
	background-color:#ffffff;
	position:absolute;
	left:10px;
	top:45px;
	width:650px;
	height:561px;
	z-index:1956;
	display:none;
	text-align:center;
}
.PopupScroll::-webkit-scrollbar {
	width: 10px;
}
.PopupScroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
	border-radius: 0px;
	background-color: #a8bbe2;	/* 스크롤 배경 */
}

.PopupScroll::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); 
	background-color: #85a3e2;	/* 스크롤 이동체 */
}
.text_head{
	font-weight:bold;
	font-size:15pt;
}
.text_Center{
	text-align:center;
}
.text_Indent0{
	text-align:left;
}
.text_Indent1{
	text-align:left;
	text-indent: 30px;
}
.text_Indent2{
	text-align:left;
	text-indent: 60px;
}
.text_Indent3{
	text-align:left;
	text-indent: 90px;
}
div.ContentTable {
  border: 1px solid #000000;
  width: 500px;
  height: 30px;
  text-align: center;
  border-collapse: collapse;
}
.divTable.ContentTable .divTableCell, .divTable.ContentTable .divTableHead {
  border: 1px solid #000000;
  padding: 5px 5px;
  line-height:120%;
  text-align: center;
   vertical-align: middle;
}
.divTable.ContentTable .divTableBody .divTableCell {
  font-size: 10px;
}
.divTable.ContentTable .divTableHeading {
  background: #CECECE;
  background: -moz-linear-gradient(top, #dadada 0%, #d3d3d3 66%, #CECECE 100%);
  background: -webkit-linear-gradient(top, #dadada 0%, #d3d3d3 66%, #CECECE 100%);
  background: linear-gradient(to bottom, #dadada 0%, #d3d3d3 66%, #CECECE 100%);
}
.divTable.ContentTable .divTableHeading .divTableHead {
  font-size: 12px;
  font-weight: normal;
  color: #000000;
}
.ContentTable .tableFootStyle {
  font-size: 14px;
}
.ContentTable .tableFootStyle .links {
	 text-align: right;
}
.ContentTable .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.ContentTable.outerTableFooter {
  border-top: none;
}
.ContentTable.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}

.divTable{ display: table; }
.divTableRow { display: table-row; line-height:120%; vertical-align: middle;}
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

@keyframes blink-effect {
	0%, 100% {opacity: 1;}
	50% {opacity: 0;
/*		opacity: 0;
		mix-blend-mode: difference;
		font-weight:900;
		border-top:    1px solid  #ff0;
		border-right:  5px solid #FF0000;
		border-bottom: 3px dotted #f00;
		border-left:   5px solid  #FF0000;
		*/
	}
}
.blinking-text {
	animation-name: blink-effect;
	animation-duration: 1.3s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;	/* step-end linear cubic-bezier(1,0,0.8,1) */
}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/* 공지 레이어팝업 - 활성 공지 목록 (docx 파일 기반 다건 노출) */
ul.noticeList {
	width:100%;
	text-align:left;
}
ul.noticeList li {
	border-bottom:1px solid #e5e5e5;
}
ul.noticeList li a {
	display:block;
	padding:14px 16px;
	color:#333333;
	font-size:14px;
	line-height:1.4em;
	text-decoration:none;
	word-break:keep-all;
}
ul.noticeList li a:before {
	content:"※ ";
	color:#4374D9;
	font-weight:bold;
}
ul.noticeList li a:hover {
	background-color:#f2f5fc;
	text-decoration:underline;
}