@charset "utf-8";
/* CSS Document */



.background.background-blue[class*="-overlay"]::after {
	opacity: 0.8;
	background: #2B2D42;
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height .0s ease;
	-o-transition: height .0s ease;
	transition: height .0s ease;
}

.pull-end {
	float: right !important;
}

.pull-start {
	float: left !important;
}

.rounded-big {
	border-radius: 5rem;
}

.fs-7 {
	font-size: 0.857rem !important;
}




/* 리스트 스타일 1 */

.list-type-1 li {
	position: relative;
	padding-left: .7rem;
	border: 1px solid rgba(0, 0, 0, .03);
}

.list-type-1 li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 48%;
	width: 2px;
	height: 2px;
	background-color: #ccc;
}

.list-type-1 li a {}

.list-type-1 li .list-date {
	display: block;
	position: absolute;
	right: 0rem;
	top: .5rem;
	font-size: .8rem;
	color: #999;
}


/* 리스트 스타일 1 마침*/

.background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	z-index: 1;
}

.background[class*="-overlay"]::after {
	transition: opacity 0.2s;
	position: absolute;
	opacity: 0.4;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: "";
	background: #000;
	z-index: 10;
}


.icon-box-type1 {
	padding: 0 1rem;
}

.icon-box-type1>span {
	padding: 2rem;
	background: #f1f1f1;
	border: 15px solid #fafafa;
	border-radius: 100%;
	margin-bottom: 2rem;
}

.kt-box-type2,
.kt-box-type1 {
	position: relative;
	height: 280px;
	border-width: 0 !important;
}

.kt-box-type2 {
	border: none;
}

.kt-box-type3 {
	position: relative;
}

.kt-box-type3>a {
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type3>a:hover {
	color: rgba(101, 146, 192, 0.97);
}

.kt-box-type1 .kt-box-wrap,
.kt-box-type2 .kt-box-wrap {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
}

.kt-box-type2 .box-bg,
.kt-box-type1 .kt-box-wrap .box-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 1;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type1 .kt-box-more {
	position: absolute !important;
	top: 3rem;
	right: 2rem;
	color: rgba(255, 255, 255, 0.8);
}

.kt-box-type1.bg-box-dark a,
.kt-box-type1.bg-box-purple a,
.kt-box-type1.bg-box-blue a,
.kt-box-type1.bg-box-green a {
	color: white;
}

.kt-box-type2.bg-box-dark a .box-bg,
.kt-box-type1.bg-box-dark a .box-bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(51, 57, 71, 0.90);
	z-index: 1;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type2.bg-box-dark a:hover .box-bg,
.kt-box-type1.bg-box-dark a:hover .box-bg {
	background: rgba(51, 57, 71, 0.97);
}

.kt-box-type2.bg-box-light-dark a .box-bg,
.kt-box-type1.bg-box-light-dark a .box-bg,
.kt-box-type2.bg-box-gra a .box-bg,
.kt-box-type1.bg-box-gra a .box-bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(51, 57, 71, 0.90);
	z-index: 1;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type2.bg-box-light-dark a:hover .box-bg,
.kt-box-type1.bg-box-light-dark a:hover .box-bg {
	background: rgba(51, 57, 71, 0.7);
}

.kt-box-type2.bg-box-gra a .box-bg,
.kt-box-type1.bg-box-gra a .box-bg {
	background-color: transparent;
	background-image: linear-gradient( rgba(51, 57, 71, 0.0), rgba(51, 57, 71, 0.3), rgba(51, 57, 71, 0.90));
}

.kt-box-type2.bg-box-gra a:hover .box-bg,
.kt-box-type1.bg-box-gra a:hover .box-bg {
	background: rgba(51, 57, 71, 0.9);
}

.kt-box-type1.bg-box-purple a .box-bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(115, 116, 181, 0.90);
	z-index: 1;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type2.bg-box-purple a:hover .box-bg,
.kt-box-type1.bg-box-purple a:hover .box-bg {
	background: rgba(115, 116, 181, 0.97);
}

.kt-box-type1.bg-box-blue a .box-bg {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(101, 146, 192, 0.90);
	z-index: 1;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type2.bg-box-blue a:hover .box-bg,
.kt-box-type1.bg-box-blue a:hover .box-bg {
	background: rgba(101, 146, 192, 0.97);
}

.kt-box-type1.bg-box-green a .box-bg {
	content: "";
	position: absolute;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(128, 209, 212, 0.90);
	z-index: 1;
	transition: all ease-out 0.2s;
	-webkit-transition: all ease-out 0.2s;
	-moz-transition: all ease-out 0.2s;
	-ms-transition: all ease-out 0.2s;
}

.kt-box-type2.bg-box-green a:hover .box-bg,
.kt-box-type1.bg-box-green a:hover .box-bg {
	background: rgba(128, 209, 212, 0.97);
}

.kt-box-type1 h3,
.kt-box-type1 h4,
.kt-box-type1 span,
.kt-box-type1 p,
.kt-box-type2 h3,
.kt-box-type2 h4,
.kt-box-type2 span,
.kt-box-type2 p {
	position: relative;
	z-index: 10;
}

.kt-box-type2 .box-info {
	color: #FFF;
	padding-top: 4rem;
	margin-top: 4rem;
}

.kt-box-type2 .box-info h4 {
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	margin-bottom: .5rem;
	padding-bottom: .5rem;
	font-size: 1rem;
}

.kt-box-type2 .kt-box-more {
	position: absolute !important;
	top: 2rem;
	right: 2rem;
	color: rgba(255, 255, 255, 1);
}

.kt-box-type4 .box-info {
	position: absolute;
	right: 1rem;
	bottom: -1rem;
	left: 5rem;
}


.kt-box-type5:after {
	content: "";
	display: block;
	position: absolute;
	width: 75%;
	height: 60%;
	right: -3%;
	bottom: -6%;
	background: #efefef;
	z-index: -1;
}

.kt-box-type5>a {
	min-height: 13rem;
}


/* 아이콘박스 2 스타일 연구소사이트 메인에 적용 */
.icon-box-type2 {}

.icon-box-type2 .icon-box-item {
	box-shadow: 0.7rem 0.7rem 2.5rem rgba(0, 0, 0, .08)!important;
	margin-top: 4rem;
}

.icon-box-type2 .category {
	font-size: 0.875rem;
}

.icon-box-type2 h2 {
	margin-bottom: 6rem;
	line-height: 2rem;
}

.icon-box-type2 .icon-box-item a {
	font-size: 0.875rem;
}


/* 아이콘박스 3 스타일 연구소사이트 메인에 적용 */
.icon-box-type3 {
	display: block;
}

.icon-box-type3 i {
	font-size: 4rem;
	padding: 0.7rem 1.5rem;
	border-radius: 5rem;
	border: 1px solid #707070;
}

.icon-box-type3 h3 {
	margin-top: 1.5rem;
}

/* 띠배너 아이콘 스타일 스타일 연구소사이트 메인에 적용 */
.banner-head-icon {}

.banner-head-icon h3 {
	font-weight: normal;
}

.banner-head-icon a {
	color: #8D99AE;
}



.text-underline {
	display: inline-block;
	box-shadow: inset 0 -0.4em 0 0 #f1f1f1;
	padding-bottom: 0.3rem;
}

.round-sloganbox {
	background: #eee;
	border: 1.5rem #fafafa solid;
	border-radius: 5rem;
	text-align: center;
	padding: 2rem 0;
}


/* 상단바로가기 시작*/
#gototopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(51, 57, 71, 0.90); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0px; /* Some padding */
  border-radius: 25px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
	
	width: 50px;
	height: 50px;
	
}

#gototopBtn:hover {
  background-color: rgba(51, 57, 71, 0.50); ; /* Add a dark-grey background on hover */
}

/* 상단바로가기 마침*/


/* 테이블 스타일 */

table.layout_table {
	width: 100%;
	border-collapse: collapse;
	border-top: #333 3px solid;
	border-bottom: 2px solid #333;
	font-size: .9em;
}

table.layout_table colgroup {
	display: none;
}

table.layout_table tr:nth-of-type(odd) {}

table.layout_table th {
	background: #fafafa;
	color: #333;
	font-weight: bold;
	text-align: center;
}

table.layout_table td,
th {
	padding: 20px 10px;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
}

table.layout_table caption {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}


@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
	/* Force table to not be like tables anymore */
	table.layout_table table,
	table.layout_table thead,
	table.layout_table tbody,
	table.layout_table th,
	table.layout_table td,
	table.layout_table tr {
		display: block;
	}
	/* Hide table headers (but not display: none;
	, for accessibility) */
	table.layout_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.layout_table tr {
		border-bottom: 1px solid #e1e1e1;
	}
	table.layout_table td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #e1e1e1;
		position: relative;
		text-align: center;
	}
	table.layout_table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	table.layout_table th {
		width: 100% !important;
	}
	/* Label the data */
	
	.icon-box-type1 {
		margin-bottom: 1.5rem;
	}
	
	.kt-box-type4 {
		min-height: 13rem;
	}
	
	.kt-box-type5>a {
		min-height: 11rem !important;
	}
	
	.round-sloganbox {
		font-size: 1.3rem;
	}
	.round-sloganbox i {
		display: none;
	}
}


/* 테이블 스타일 마침 */





@media (max-width: 575.98px) {}

@media (max-width: 767.98px) {
	.kt-box-type1.bg-white {
		border-bottom: 1px solid #e1e1e1 !important;
	}
	.border-bottom.kt-box-type3 {
		border-bottom: 0 !important;
	}
}


@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1400px) {}


/* sigle break point */

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* Between breakpoints */